编辑器操作

Android Studio 在编辑器区域内提供了一些功能,可以帮助您提高使用 Jetpack Compose 的效率。

实时模板

Android Studio 提供了以下与 Compose 相关的实时模板,这些模板允许您通过键入相应的模板缩写来输入代码片段以快速插入代码。

  • comp 用于设置一个 @Composable 函数
  • prev 用于创建一个 @Preview 可组合函数
  • paddp 用于在 dp 中添加一个 padding 修饰符
  • weight 用于添加一个 weight 修饰符
  • W, WR, WC 用于将当前可组合项包围在 Box, RowColumn 容器中

边距图标

边距图标是位于边栏中,行号旁边的上下文操作。Android Studio 引入了几个特定于 Jetpack Compose 的边距图标,以简化您的开发体验。

部署预览

您可以直接从边距图标中将 @Preview 部署到模拟器或物理设备上。

The user clicking a preview function's deploy gutter icon, and deploying the
preview to the
device

颜色选择器

每当在可组合项内部或外部定义颜色时,其预览将显示在边距中。您可以通过单击颜色选择器来更改颜色,如下所示。

The user clicking a color in the gutter, bringing up a color
picker

图像资源选择器

每当在可组合项内部或外部定义可绘制对象、矢量或图像时,其预览将显示在边距中。您可以通过单击图像资源选择器来更改它,如下所示。

The user clicking an icon in the gutter, bringing up the resource
picker