Compose是Android团队与JetBrain大力推动的新一代UI框架。2021年7月 Android compose 1.0正式版本的诞生,这意味着Compose即将进入生产环节。

国际app巨头Twitter首当其冲,其他国内外企业和程序员的学习热情也都非常高涨,目前国内以字节跳动为首的大小厂也都开始尝试在新页面上使用Compose。

声明式 UI、更简单的自定义、实时且带交互的预览功能、更强的性能和功能…这些优势和特点让Compose飞速超越传统写法的「命令式 UI」的热度,成为程序员们的心头爱。

在刷了大量视频和文档后,我对 Compose 也有了更深一层的认知,于是我参考官方教程和大牛解读,亲身总结而出一份《Android Jetpack Compose开发应用指南》,希望可以帮助大家快速掌握Compose,打造更出色的应用!

文档领取:点击文末卡片领取👇

《Android Jetpack Compose开发应用指南第二版》

第⼀章 初识Jetpack

  • JetPack是什么
  • JetPack和AndroidX
  • AndroidX的迁移

img

第⼆章 Compose的设计原理和基本概念

  • JetPack Compose 环境搭建
  • JetPack Compose 新特性和组件依赖
  • JetPack Compose 编程思想总结

img

第三章 Compose⼊⻔

  • JetPack Compose ⼊⻔的基础案列
  • JetPack Compose ⼊⻔的基础案列

img

第四章 Compose布局

  • Compose State
  • Compose 样式(Theme)
  • Compose布局核⼼控件
  • ⾃定义布局
  • Compose中的ConstraintLayout

img

第五章 Compose动画

  • Compose SideEffect
  • Compose 动画概述
  • Compose Crossfade
  • Compose animateContentSize
  • Animatable
  • Compose⾃定义动画

img

第六章 Compose图形

  • Compose Canvas
  • Compose 绘制API的分析
  • Compose⾃定义绘制

img

第七章 Compose核⼼控件总结

  • Scaffold
  • LazyColumn

img

《Jetpack Compose强化实战

目录

img

第一章、使用 Compose 实现底部按钮和首页 banner 以及数据列表

  • Column、Row、ConstraintLayout 布局先知

  • 首页内容的实现

img

第二章、导航规整并实现登录页个人中心页

  • 导航规整
  • 个人中心的实现
  • 登录页面的实现

img

第三章、实现分类页面

  • Scaffold 简单使用
  • BottomNavigation 和 NavHost 实现底部导航
  • 分类页面的实现
  • Compose 自定义布局实现流式布局

img

第四章、实现搜索页面

  • ROOM 数据库
  • 官方 Flow Layout
  • 状态布局

img

第五章、项目页面的实现

  • 获取数据
  • Controllable 实现顶部滑动菜单
  • HorizontalPager 实现页面数据列表
  • Compose 中 Webview 的使用

img

文档领取:点击文末卡片领取👇

最后

附上一些开源项目:

如果你是一个喜欢尝试的同学,那么希望我的这篇文章对你能有一点帮助

或许我总结的内容不足为道,但若是有人看到,说,这个不错,对我有帮助,那便足够了

GitHub 加速计划 / compose / compose
33.27 K
5.15 K
下载
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
最近提交(Master分支:2 个月前 )
501b5acd Add `jhrotko` to Core Maintainers. Signed-off-by: Laura Brehm <laurabrehm@hey.com> 10 天前
f51bc4cd Signed-off-by: Guillaume Lours <705411+glours@users.noreply.github.com> 10 天前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐