Jetpack Compose 示例
这个仓库包含一系列独立的 Android Studio 项目,旨在帮助您学习 Android 中的 Compose。每个示例都展示了不同的用例、复杂程度和 API。
欲了解更多信息,请阅读文档。
💻 要求
要尝试这些示例应用,您需要使用 Android Studio。 您可以克隆此仓库或按照这里的步骤从 Android Studio 导入项目。
🧬 示例
项目 | |
---|---|
一个示例博客文章查看器,展示了 Compose 在典型 Material 应用和真实世界架构中的使用。 • 中等复杂度 • 多样化 UI • 明暗主题 • 资源加载 • UI 测试 > 浏览 | |
一个专注于 UI 状态模式和文本输入的示例聊天应用。 • 低复杂度 • Material Design 3 主题和 Material You 动态颜色 • 资源加载 • 返回按钮处理 • 与架构组件集成:Navigation、Fragments、LiveData、ViewModel • 动画 • UI 测试 > 浏览 | |
Jetsnack 是一个使用 Compose 构建的示例零食订购应用。 • 中等复杂度 • 自定义设计系统 • 自定义布局 • 动画 > 浏览 | |
一个示例播客应用,具有全功能的 Redux 风格架构,并展示动态主题。 • 高级示例 • 使用播客封面的动态主题 • 图片获取 • WindowInsets 支持• 协程 • 使用 Room 的本地存储 > 浏览 | |
Reply material 研究的 Compose 实现,这是一个专注于移动设备、平板电脑和可折叠设备自适应设计的电子邮件客户端应用。它还展示了全新的 Material Design 3 主题、动态颜色和导航组件。 • 中等复杂度 • 适用于手机、平板电脑和桌面的自适应 UI • 可折叠设备支持 • Material 3 主题和组件 • 动态颜色和明暗主题支持 > 浏览 | |
一个示例睡眠追踪应用,展示如何在 Compose 中创建自定义布局和图形 • 自定义布局 • 使用路径的图表 > 浏览 |
🧬 附加示例
项目 | |
---|---|
一个用于跟踪 Android 最新新闻和发展的应用。 • Jetpack Compose 优先的应用。 • 实现了推荐的 Android 架构指南 • 在真实世界应用的背景下全面集成 Jetpack 库 > 浏览 | |
Jetpack Compose 中可用的 Material Design 组件和功能目录。了解如何实现它们,以及它们在真实设备上的外观和行为。 • 存在于 AOSP 中——始终保持最新 • 使用与 API 参考文档相同的示例 • 主题选择器,可在运行时更改 Material Theming 值 • 链接到指南、文档、源代码和问题跟踪器 > 在 AOSP 上浏览 |
高级功能
寻找具有以下功能的示例?
自定义布局
主题
动画
文本
大屏幕
电视
可穿戴设备
格式化
要自动格式化所有示例:运行 ./scripts/format.sh
要检查一个示例是否有错误:导航到示例文件夹并运行 ./gradlew --init-script buildscripts/init.gradle.kts spotlessCheck
要格式化一个示例:导航到示例文件夹并运行 ./gradlew --init-script buildscripts/init.gradle.kts spotlessApply
更新
要将依赖项更新到新的稳定版本,请运行:
./scripts/updateDeps.sh
要对依赖项进行任何其他手动更新(例如添加新依赖项或设置 alpha 版本),请更新 /scripts/libs.versions.toml
文件,然后运行 duplicate_version_config.sh
以将