Compose 知识点

[chuwuwang]

Google

工具

• Relay 构建 Compose 应用

[chuwuwang]

大纲

• Compose 跨平台现状
• XML & Compose 性能实测比较
• Compose 1.0 即将发布，你准备好了吗？
• Jetpack Compose 完全脱离 View 系统了吗？

Demo

• 手势操作 - 手写画板
• 拿来吧你，Compose 尝鲜初体验
• 用 Compose 搞一个桌面版的天气应用
• Compose 完美复刻当年红极一时的小游戏 Flappy Bird
• https://github.com/Watermelon02/ComposeFocus
• https://github.com/shenzhen2017/ComposeDouban
• https://github.com/shenzhen2017/wanandroid-compose

教程

• 原创：写给初学者的 Jetpack Compose 教程，基础控件和布局
• 原创：写给初学者的 Jetpack Compose 教程，Modifier
• 原创：写给初学者的 Jetpack Compose 教程，使用 State 让界面动起来
• 原创：写给初学者的 Jetpack Compose 教程，Lazy Layout
• 原创：写给初学者的 Jetpack Compose 教程，用 derivedStateOf 提升性能
• 原创：写给初学者的 Jetpack Compose 教程，高级 Layout

[chuwuwang]

View

共享元素

• 最清晰的 Compose 共享元素过渡入门文章

文本框

• Compose 中的文本框，你值得拥有！

Modifier

• 图解 Compose Modifier 实现原理 ，竟然如此简单！

列表 View

• Android Compose 宫格拖拽效果实现
• 瀑布流布局
• Compose LazyColum 字母指示器，仿微信联系人界面

TabRow 标签页指示器

• 用 Compose 自定义好看的 Android 标签页指示器

时钟/日历

• 100 行代码实现数字图片时钟

自定义 View

• Compose UI 翻页效果绘制实战
• 用 Jetpack Compose 实现仿淘宝的嵌套滚动特效
• 用 Compose 撸一个雷达图
• 用 Compose 实现一个自己的下拉刷新控件
• Jetpack Compose 自定义布局+物理引擎 = ？

[chuwuwang]

API

事件

• 巧用 Compose 来实现手势拖拽效果

Theme

• JetPack Compose 主题配色太少怎么办?

State

• Compose 的 State 状态到底是个啥？

Navigation

• 在 Compose 中使用 Navigation 导航
• 全面解析 Jetpack Compose 中的导航路由

动画

• 一文看懂 Jetpack Compose 动画 API
• 使用 Compose 写出丝般顺滑的动画效果

换肤

• Compose 主题切换，让你的 APP 也能一键换肤

插件化

• Jetpack Compose 也能搞插件化了

[chuwuwang]

开源库

Lottie

• 玩转 Compose 中的 Lottie 动画

图片加载

• Coil - Compose 接入指南

[chuwuwang]

JectPack

Paging

• Paging 分页库使用

共享数据

• Jetpack Compose 中在屏幕间共享数据的5种方案

[chuwuwang]

Web

Web 配置

• 使用 Jetpack Compose 跨平台开发 Web 程序

打包

• Desktop 打包配置 Icon 名称等修改
• Desktop 各个平台的名称和版本处理
• Compose for Desktop 打包生成 Windows 的 Msi 安装包和 exe 可执行程序

[chuwuwang]

知识点

Google 地图

• 译：Jetpack Compose 开发地图 APP

[chuwuwang]

Desktop

文件选择器

• Desktop 如何使用文件选择器控件

[chuwuwang]

Mac OS / IOS

• 在 SwiftUI 中使用 Compose 共享业务逻辑