适用于 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 插件为界面组件添加注解并进行打包，包括布局、样式、动态内容和交互行为的相关信息，以供开发者使用。
了解详情

最新资讯和视频