生成带有图片附件的界面

Android Studio 中的 Gemini 具备独特的功能,可帮助您使用 Jetpack Compose 并遵循 Android 最佳实践,将 Android 应用界面愿景变为现实。 本页介绍了使用 Gemini 创建应用界面的常规步骤。如需详细了解如何附加图片以及如何使用此功能的其他想法,请参阅在查询中附加图片

如需使用 Gemini 生成界面,请按以下一般步骤操作:

  1. 创建所需的应用界面模型。最好使用线框图或基本设计。您可以从设计工具中导出 PNG,甚至可以使用手绘图片。

  2. 点击附加图片文件图标 “附加图片文件”图标,将图片附加到您的查询中。

  3. 在聊天字段中,让 Gemini 生成界面代码,例如“为提供的图片生成 Jetpack Compose 代码”。当您提交查询和图片后,Gemini 会建议用于创建所提议界面的代码。Gemini 通常也会提供 Compose 预览的代码,因此您可以在将代码导入项目后快速直观地了解界面;如果 Gemini 没有提供代码,请让它生成 Compose 预览

  4. 导入代码后,您可以在预览面板中看到 Compose 预览,然后直接点击预览并让 Gemini 对其进行转换,从而迭代界面。