Compose 工具

Android Studio 为 Jetpack Compose 带来了许多新功能。它采用了代码优先的方法，同时提高了开发人员的生产力，而无需在使用设计界面或代码编辑器之间进行选择。

基于视图的 UI 和 Jetpack Compose 之间的根本区别在于，Compose 不依赖于 View 来渲染其可组合项。由于这种架构方法，Android Studio 为 Jetpack Compose 提供了扩展功能，而无需打开模拟器或连接到设备。与 Android 视图相比，这允许开发人员以更快的迭代方式实现他们的 UI 设计。

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

物料清单

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

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

单独

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

设计

创建组件、设计系统和屏幕以与设计规范保持一致。
PreviewParameter Multipreview
@Preview 注解允许您预览可组合项。了解如何预览、组织和与它们交互。
了解更多
动画预览
Android Studio 允许您使用动画预览窗格设计和检查动画。通过它，您可以逐帧预览动画，并确保它符合所需的行为。
了解更多

开发

加快 UI 构建速度，并减少上下文切换来测试正在运行的应用程序。
实时编辑
了解如何使用实时编辑并应用更改以避免完整构建并加快您的开发过程。
了解更多
实时模板 代码行图标
了解如何在 Android Studio 编辑器窗口内使用功能以提高生产力。
了解更多

调试

调试 Compose UI 以了解您的应用程序。了解有关分析布局、重新组合和组合跟踪以提高应用程序 UI 性能的更多信息。
重新组合计数 语义
了解如何在模拟器或物理设备中检查 Compose 布局。
了解更多
系统跟踪
使用组合跟踪在系统跟踪中跟踪可组合函数。
了解更多

其他工具

Relay 提供了 Android UI 组件在设计师和开发人员之间即时传递的功能。设计师可以使用 Relay for Figma 插件来注释和打包开发人员使用的 UI 组件，包括有关布局、样式、动态内容和交互行为的信息。
了解更多

最新新闻和视频