Jetpack Compose 使用入门

Jetpack Compose 是用于构建 Android 界面的新式工具包,可简化应用开发,让应用能够适应任何显示大小。

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

基础

自适应界面

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

开发环境

设计

  • 布局:Compose 布局组件以及如何设计您自己的布局。
    • 布局基础知识:简单的应用界面的构建基块。
    • Material 组件和布局:Compose 中的 Material 组件和布局。
    • 自定义布局:控制应用布局,并设计您自己的自定义布局。
    • 对齐线:创建自定义对齐辅助线,以精确对齐和定位界面元素。
    • 固有特性测量:如何查询子元素的相关信息,然后再进行测量,因为 Compose 每一遍只允许测量一次界面元素。
    • ConstraintLayout:在 Compose 界面中使用 ConstraintLayout
  • 设计系统:实现设计系统,并赋予应用一致的外观和风格。
  • 列表和网格: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 代码。

其他资源