在查询中附加图片

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

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

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

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

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

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

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

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