Jetpack Compose 使用入门

Jetpack Compose 是用于构建 Android 界面的新式工具包，可简化应用开发，使应用能够适应任何显示屏尺寸。

• 概览：查看 Compose 开发者可以利用的资源。
• 教程：通过构建基本界面，开始使用 Compose。
• 快速指南：试试我们快速而专注的指南，旨在帮助您尽快实现目标。

基础

• Compose 编程思想：Compose 的声明式方法与您过去可能使用过的基于视图的方法有何不同。构建使用 Compose 的心理模型。
• 管理状态：在 Compose 应用中设置和使用状态。
• 可组合项的生命周期：可组合项的生命周期，以及 Compose 如何确定是否需要重新绘制它。
• 修饰符：使用修饰符来扩充或修饰可组合项。
• Compose 中的附带效应：管理附带效应的方式。
• Jetpack Compose 阶段：Compose 渲染应用界面的步骤，以及如何利用这些信息编写高效的代码。
• 架构分层：组成 Jetpack Compose 的架构层，以及决定 Compose 设计的核心原则。
• 性能：避免可能降低应用性能的常见编程误区。
• Compose 中的语义：语义树，它以可供无障碍服务和测试框架使用的方式来组织界面。
• 使用 CompositionLocal 将数据的作用域限定在局部：使用 CompositionLocal 在组合中传递数据。

自适应界面

• 构建自适应应用：了解创建针对任何显示尺寸（包括手机、平板电脑、可折叠设备等）优化的布局的核心原则。
• 应用经过验证的布局：使用列表-详情和辅助窗格等规范化布局，以便在大屏幕上优化应用。
• 自适应导航：实现可自动调整以适应可用显示空间的导航模式。

开发环境

• 将 Android Studio 和 Compose 配合使用：如何设置开发环境以使用 Compose。
• Compose 工具：Android Studio 为支持 Compose 专门引入的新功能。
• Kotlin 对 Compose 的支持：Kotlin 专用的惯用语可与 Compose 搭配使用。
• 比较 Compose 并查看指标：了解迁移到 Compose 会对应用的 APK 大小和运行时性能有何影响。
• 物料清单：只需指定 BOM 的版本，即可管理所有 Compose 依赖项。

设计

• 布局：Compose 布局组件以及如何设计您自己的布局。
  • 布局基础知识：简单的应用界面的构建基块。
  • Material 组件和布局：Compose 中的 Material 组件和布局。
  • 自定义布局：控制应用布局，并设计您自己的自定义布局。
  • 对齐线：创建自定义对齐辅助线，以精确对齐和定位界面元素。
  • 固有特性测量：由于 Compose 每一遍只允许测量一次界面元素，因此本页介绍了如何在测量前查询子元素的相关信息。
  • ConstraintLayout：在 Compose 界面中使用 ConstraintLayout。
• 设计系统：实现设计系统，并赋予应用一致的外观和风格。
  • Material Design 3：使用 Compose 的 Material Design 3 实现来实现 Material You。
  • 从 Material 2 迁移至 Material 3：在 Compose 中将您的应用从 Material Design 2 迁移至 Material Design 3。
  • Material Design 2：自定义 Compose 的 Material Design 2 实现，使其适合您产品的品牌。
  • 自定义设计系统：在 Compose 中实现自定义设计系统，并调整现有的 Material Design 可组合项以适应新的设计系统。
  • 主题详解：MaterialTheme 和自定义设计系统使用的较低级别的结构和 API。
• 列表和网格：Compose 用于管理和显示数据列表和网格的选项。
• 文本：Compose 中用于显示和编辑文本的主要选项。
• 图形：Compose 用于构建和处理自定义图形的功能。
• 动画：Compose 用于为界面元素添加动画效果的各种选项。
• 手势：构建可检测用户手势并与之互动的 Compose 界面。
• 处理用户互动：了解 Compose 如何将低级别输入抽象为更高级别的交互，以便自定义组件响应用户操作的方式。

采用 Compose

• 迁移基于 View 的应用：将基于 View 的应用迁移到 Compose。
  • 迁移策略：如何以安全的方式逐步将 Compose 引入代码库。
  • Interoperability API：Compose API，可帮助您将 Compose 与基于视图的界面合并。
  • 其他注意事项：将基于 View 的应用迁移到 Compose 时，主题设置、架构、测试和其他注意事项。
• Compose 和其他库：如何在 Compose 内容中使用基于视图的库。
• Compose 架构：在 Compose 中实现单向流模式、实现事件和状态容器，以及使用 Compose 中的 ViewModel。
• Navigation：使用 NavController 将 Navigation 组件与 Compose 界面集成。
• 资源：在 Compose 代码中使用应用的资源。
• 无障碍功能：满足有无障碍功能要求的用户。
• 测试：测试您的 Compose 代码。
  • 测试备忘单：各种实用 Compose 测试 API 的快速参考。

其他资源

• 开始设置
• 精选开发者在线课程
• Compose API 准则
• API 参考文档
• Codelab
• 示例应用
• 视频

为您推荐

• 注意：当 JavaScript 处于关闭状态时，系统会显示链接文字
• 使用 CompositionLocal 将数据的作用域限定在局部
• 其他注意事项
• Compose 中的主题详解