将 AI 用于 Compose

使用 Android Studio 中的 Gemini,通过 Jetpack Compose 实现更快、更好的开发。

使用 Gemini 生成 Compose 预览

Compose 预览是一个强大的工具,用于在设计时在 Android Studio 中直观呈现可组合项,但为预览参数手动设置模拟数据可能非常耗时。Android Studio 中的 Gemini 包含可解决此问题的功能:自动生成 Compose 预览。

您可以通过以下两种方式访问此工具:

  • 上下文菜单。在任何可组合项中,右键点击并依次前往 Gemini > Generate Compose PreviewGenerate Compose Preview for this file

    从上下文菜单生成 Compose 预览

  • 预览面板为空。在空白的预览面板中点击所提供的链接。

    通过预览面板生成 Compose 预览

该功能会呈现包含 Gemini 建议的 Compose 预览代码的差异视图。 您可以按原样接受更改、进行修改,也可以完全拒绝建议。虽然 Gemini 的代码可能并非每次都完美,但它应该是一个有价值的起点,能够加速您的开发工作流。

通过图片附件加速界面开发

在 Android Studio 中向 Gemini 提问时,可以附上图片,以便更好地了解应用的架构并加快界面开发流程。

如需在提示中附加图片,请点击 Attach Image File 图标 “附加图片文件”图标 并上传图片。

Gemini 可以帮助处理图片,比如以下几种:

  • 如果您有自己想要的界面模型,Gemini 可以提供用于创建该界面的代码。我们向 Gemini 显示了 Now in Android 应用的屏幕截图,并要求其提供 Compose 代码来创建该应用。

  • 如果你想了解应用的构建方式,Gemini 可以从各个组成部分的角度解释界面的工作原理。这里我们让 Gemini 解释了 另一个 Now in Android 屏幕截图背后的可组合项和数据流