在查询中附加图片

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

如需在提示中附上图片,请点击附加图片文件图标 “附加图片文件”图标,然后上传图片。

以下是 Gemini 在图片方面可以提供的一些帮助:

  • 如果您有想要的 UI 模型,Gemini 可以提供创建该模型的代码。例如,如果您向 Gemini 提供 Now in Android 应用的屏幕截图,它可以提供用于创建该应用的 Compose 代码。此示例显示了应用的 Feed(左侧)的屏幕截图,以及 Gemini 为该界面生成的 Jetpack Compose 代码(右侧)。要了解更多信息,请参阅 生成带有图像附件的 UI

    “Now in Android”应用,显示包含标题、主题和书签图标的文章 Feed。 Gemini 的代码回答,其中显示了可根据“Now in Android”屏幕截图重新创建界面的 Jetpack Compose 代码。
    Gemini 根据 Now in Android 应用的界面屏幕截图生成 Jetpack Compose 代码。
  • 如果您想了解应用的构建方式,Gemini 可以从组件部分的角度说明界面是如何运作的。例如,您可以让 Gemini 解释另一个 Now in Android 屏幕截图背后的可组合项和数据传输。左图显示了包含新闻条目的详细信息屏幕,右图显示了 Gemini 对该屏幕的 Compose 结构和数据流的解释。

    “Now in Android”应用中的单篇新闻报道详情,显示了标题、作者和说明。 Gemini 对新闻报道详情屏幕的 Jetpack Compose 可组合项和数据传输的说明。
    Gemini 解释了特定应用界面的界面组成和数据传输。
  • 如果您有应用程序架构图,Gemini 可以根据该图建议创建应用程序的代码,充当全栈开发助手。 Gemini 还可以帮助记录图表并解释应用程序的构造,这有助于编写设计文档供团队成员审查。 例如,下图显示了一个简化的架构图,其中描绘了各种应用组件(如界面、ViewModel、存储库和数据源)之间的数据传输。

    简化的应用架构图,显示了界面、ViewModel、代码库和数据源组件,并用箭头指示了数据传输。
    Gemini 可以根据应用架构图生成代码和文档。
  • 如果您发现界面 bug,请截取屏幕截图,然后让 Gemini 集思广益,提出解决方案。您可以圈出存在错误的区域,帮助我们指出问题所在。以下示例显示了一个移动应用的屏幕截图,其中一个未对齐的界面元素用红色圆圈突出显示。

    移动应用屏幕截图,显示了一个界面 bug,其中一个文本元素重叠或未对齐,并用红色圆圈突出显示。
    Gemini 可以帮助您根据屏幕截图集思广益,找出界面 bug 的解决方案。