10个Jetpack Compose完整的samples

Jetpack Compose 是 Android 中新一代的 UI 工具包，它为 Android 应用程序提供了更加简单、强大和可组合的方式来创建漂亮和灵活的用户界面。然而，学习新技术并不容易，因此本文将向您推荐 10 个 Jetpack Compose 完整的示例，这些示例将帮助您了解如何使用 Jetpack Compose 构建应用程序，并提供实用的示例代码，让您轻松上手。

1. JetNews

一个示例博客文章查看器，展示了在典型的 Material 应用程序和现实世界架构中使用 Compose 的用法。特点 • 中等复杂度 • 多样化的用户界面 • 浅色和深色主题 • 资源加载 • 用户界面测试

项目地址

https://github.com/android/compose-samples/blob/main/JetNews

2. Jetchat

一个以用户界面状态模式和文本输入为重点的示例聊天应用程序。

特点 • 低复杂度 • Material Design 3 主题和 Material You 动态颜色 • 资源加载 • 返回按钮处理 • 与架构组件的集成：Navigation、Fragments、LiveData、ViewModel • Animation • UI测试

https://github.com/android/compose-samples/blob/main/Jetchat

3. Jetsurvey

一个示例调查应用程序，展示了在 Compose 中的文本输入、验证和用户界面状态管理。特点 • 低复杂度 • TextField 和表单验证 • Snackbar 实现 • 元素的可重用性和样式设置 • 各种表单元素

项目地址

https://github.com/android/compose-samples/blob/main/Jetsurvey

4. Jetsnack

Jetsnack 是一个使用 Compose 构建的示例小吃订购应用程序。特点 • 中等复杂度 • 自定义设计系统 • 自定义布局 • 动画效果

项目地址

https://github.com/android/compose-samples/blob/main/Jetsnack

5. Jetcaster

一个示例播客应用程序，具有完整功能的 Redux 风格架构，并展示了动态主题。

特点 • 高级示例 • 使用播客艺术作品进行动态主题设置 • 图像获取 • WindowInsets 支持 • 协程 • 使用 Room 进行本地存储

6. Rally

Rally Material Study 的 Compose 实现，这是一个专注于数据、图表、可重用性和动画的金融应用程序。特点 • 低复杂度 • 使用仅限暗色的 Material 主题 • 自定义布局和可重用元素 • 图表和表格 • 动画效果 • 屏幕截图测试

项目地址

https://github.com/android/compose-samples/blob/main/Jetcaster

7. Crane

Crane Material Study 的 Compose 实现，这是一个旅行应用程序，它使用 Material Design 组件和 Material Theming 来创建个性化、品牌化的体验。

特点 • 中等复杂度 • 可拖动的用户界面元素 • 用户界面状态处理 • 用户界面测试

项目地址

https://github.com/android/compose-samples/blob/main/Crane

8. Reply

Reply Material Study 的 Compose 实现，这是一个电子邮件客户端应用程序，专注于适应手机、平板和可折叠设备的设计。它还展示了全新的 Material Design 3 主题化、动态颜色和导航组件。

特点 • 中等复杂度 • 适应性手机、平板和桌面的用户界面 • 可折叠设备支持 • Material Design 3 主题化与组件 • 动态颜色和光/暗主题支持

项目地址

https://github.com/android/compose-samples/blob/main/Reply

9.Owl

Owl Material Study 的 Compose 实现。Owl 品牌利用鲜明的颜色、形状和排版来表达其品牌特性：活力、大胆和趣味。特点 • 中等复杂度 • Material 主题化与光/暗主题 • 自定义布局 • 动画效果

项目地址

https://github.com/android/compose-samples/blob/main/Owl

10. JetLagged

一个示例的睡眠追踪应用程序，展示了如何在 Compose 中创建自定义布局和图形。

特点 • 自定义布局 • 使用路径创建图表

项目地址

https://github.com/android/compose-samples/blob/main/JetLagged

11. Material Catalog

一个 Jetpack Compose 中可用的 Material Design 组件和功能目录。查看如何实现它们以及它们在真实设备上的外观和行为。

特点 • 存在于 AOSP（Android 开源项目）- 始终保持最新 • 使用与 API 参考文档相同的示例 • 主题选择器，可在运行时更改 Material Theming 值 • 链接到指南、文档、源代码和问题跟踪器

项目地址

https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/integration-tests/material-catalog

12. NowinAndroid

一个用于跟踪 Android 最新新闻和发展的应用程序。

特点 • Jetpack Compose 首个应用。 • 实现了推荐的 Android 架构指南。 • 在真实世界应用的背景下全面整合 Jetpack 库。

项目地址

https://github.com/android/nowinandroid

Github

https://github.com/android/compose-samples

转自：推荐你10个Jetpack Compose完整的samples