Compose 工具

Android Studio 引入了许多专用于 Jetpack Compose 的新功能。它采用代码优先的方法,同时提高了开发者的工作效率,而无需选择是使用设计界面还是代码编辑器。

基于 View 的界面与 Jetpack Compose 之间的一个基本区别在于,Compose 不依赖 View 来渲染其可组合项。由于采用这种架构方法,Android Studio 为 Jetpack Compose 提供了扩展功能,而无需打开模拟器或连接到设备。与 Android View 相比,这为开发者实现其界面设计提供了更快的迭代过程。

如需为 Jetpack Compose 启用 Android Studio 专用功能,您需要在应用 build.gradle(.kts) 文件中添加这些依赖项。您可以使用物料清单 (BOM),也可以单独定义依赖项。

物料清单

  val composeBom = platform("androidx.compose:compose-bom:2024.06.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

单独

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.8")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")

设计

创建组件、设计系统和屏幕,使其符合设计规范。
PreviewParameter 多预览
借助 @Preview 注解,您可以预览可组合项。了解如何预览和整理这些内容并与之互动。
动画预览
Android Studio 允许您使用 Animation Preview 窗格设计和检查动画。通过此功能,您可以逐帧预览动画,并确保它与所需的行为保持一致。

开发

加快构建界面并测试正在运行的应用,减少上下文切换次数。
实时编辑
了解如何使用实时编辑功能并应用更改,以避免完整构建并加快开发流程。
实时模板 边线图标
了解如何使用 Android Studio 编辑器窗口中的功能提高工作效率。

调试

调试 Compose 界面以了解您的应用。详细了解如何分析布局、重组和组合跟踪,以改善应用的界面性能。
重组次数 语义学
了解如何在模拟器或实体设备上检查 Compose 布局。
系统跟踪
使用组合跟踪可在系统跟踪记录中跟踪可组合函数。

其他工具

Relay 可以在设计人员和开发者之间即时移交 Android 界面组件。设计人员可以使用 Relay for Figma 插件为界面组件添加注解并进行打包,包括布局、样式、动态内容和交互行为的相关信息,以供开发者使用。

最新资讯和视频