Jetpack Compose 入门

Jetpack Compose 是构建原生 Android UI 的现代工具包。在这里，您可以找到有关使用 Compose 的最新信息。

  • 概述: 查看 Compose 开发者可用的所有资源。
  • 教程: 通过使用 Compose 构建简单的 UI 来入门。
  • 快速指南: 新增！ 尝试我们的快速且专注的指南，旨在帮助您尽快达成目标。

基础

  • 用 Compose 思考: 了解 Compose 的声明式方法与您过去可能使用过的基于视图的方法有何不同，以及如何构建使用 Compose 的思维模型。
  • 管理状态: 了解如何在 Compose 应用中设置和使用状态。
  • 可组合项的生命周期: 了解可组合项的生命周期，以及 Compose 如何决定是否需要重新绘制。
  • 修饰符: 了解如何使用修饰符来增强或装饰可组合项。
  • Compose 中的副作用: 了解管理副作用的最佳方法。
  • Jetpack Compose 阶段: 了解 Compose 渲染 UI 所经历的步骤，以及如何使用这些信息编写高效的代码。
  • 架构分层: 了解构成 Jetpack Compose 的架构层，以及其设计背后的核心原则。
  • 性能: 了解如何避免可能影响应用性能的常见编程陷阱。
  • Compose 中的语义: 了解语义树，它以一种可供辅助功能服务和测试框架使用的方式组织您的 UI。
  • 使用 CompositionLocal 进行本地范围数据: 了解如何使用 CompositionLocal 通过 Composition 传递数据。

开发环境

设计

  • 布局: 了解 Compose 的原生布局组件，以及如何设计自己的布局。
    • 布局基础: 了解简单应用 UI 的构建块。
    • Material 组件和布局: 了解 Compose 中的 Material 组件和布局。
    • 自定义布局: 了解如何控制应用的布局，以及如何设计自己的自定义布局。
    • 支持不同的屏幕尺寸: 了解如何使用 Compose 构建适应不同屏幕尺寸、方向和外形的布局。
    • 对齐线: 了解如何创建自定义对齐线以精确对齐和定位 UI 元素。
    • 内在测量: 由于 Compose 每次传递只能测量 UI 元素一次，因此此页面说明如何在测量子元素之前查询有关子元素的信息。
    • ConstraintLayout: 了解如何在 Compose UI 中使用 ConstraintLayout。
  • 设计系统: 了解如何实现设计系统，并为您的应用提供一致的外观和感觉。
  • 列表和网格: 了解 Compose 中管理和显示数据列表和网格的一些选项。
  • 文本: 了解 Compose 中显示和编辑文本的主要选项。
  • 图形: 了解 Compose 中构建和使用自定义图形的功能。
  • 动画: 了解 Compose 中为 UI 元素设置动画的不同选项。
  • 手势: 了解如何构建一个检测和交互用户手势的 Compose UI。
  • 处理用户交互: 了解 Compose 如何将低级输入抽象成更高级别的交互，以便您可以自定义组件对用户操作的响应方式。

采用 Compose

  • 迁移现有的基于视图的应用: 了解如何将现有的基于视图的应用迁移到 Compose。
    • 迁移策略: 了解安全且增量地将 Compose 引入代码库的策略。
    • 互操作性 API: 了解 Compose 的 API，这些 API 可以帮助您将 Compose 与基于视图的 UI 结合使用。
    • 其他注意事项: 了解在将基于视图的应用迁移到 Compose 时，其他注意事项，如主题、架构和测试。
  • Compose 和其他库: 了解如何在 Compose 内容中使用基于视图的库。
  • Compose 架构: 了解如何在 Compose 中实现单向数据流模式，如何实现事件和状态持有者，以及如何在 Compose 中使用 ViewModel。
  • 导航: 了解如何使用 NavController 将导航组件与 Compose UI 集成。
    • 响应式 UI 的导航: 了解如何设计应用的导航，使其能够适应不同的屏幕尺寸、方向和外形。
  • 资源: 了解如何在 Compose 代码中使用应用的资源。
  • 辅助功能: 了解如何使 Compose UI 适用于具有不同辅助功能需求的用户。
  • 测试: 了解如何测试 Compose 代码。

其他资源