首先确定核心内容,设计有效的 widget 布局。布局决定了信息和互动元素在 widget 中的组织方式。Android 为文本、列表和网格型 widget 提供了多种预构建的布局,以简化此过程。
文本
文本布局非常适合显示简洁信息。通过选择性地在文本旁边添加图片,增强 widget 的视觉吸引力。
非常适合标题、状态更新、简短说明或单行文本有效传达消息的任何场景。如需有关根据 widget 大小动态缩放文本内容的指导,请参阅规范布局示例。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Text_only.jpg?authuser=2&hl=hi)
添加图片以增加视觉冲击力。如需了解详情,请参阅断点,了解如何调整此布局以适应不同的屏幕尺寸。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Text_and_Image.jpg?authuser=2&hl=hi)
列表
使用列表布局以清晰可扫描的格式整理多个项。这非常适合新闻标题、待办事项列表或消息。将内容整理成结构化且可轻松浏览的列表。根据您的内容需求,选择容器化或无容器的呈现方式。
易于扫描的文本和图片列表非常适合展示多种内容类型,例如新闻标题、包含专辑封面的播放列表或消息。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Text_Image.jpg?authuser=2&hl=hi)
核对清单布局非常适合显示任务,可提供清晰的点按目标,以便用户轻松将各项标记为已完成。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Checklist.jpg?authuser=2&hl=hi)
通过操作列表提供直观的控件分组,其中直观的开/关状态可提供有关项目状态的即时反馈。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Action_List.jpg?authuser=2&hl=hi)
网格
在小巧灵活、视觉效果丰富的网格中展示图片,并带有可选标签。 使用可适应不同屏幕尺寸的列和行。
使用纯图片网格创建具有视觉冲击力且可滚动的图库。行和列会自动适应各种屏幕尺寸,以实现最佳呈现效果。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Image_Only.jpg?authuser=2&hl=hi)
您还可以整合文本标签和说明,通过额外的上下文和信息丰富图片网格内容。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Image_and_Text.jpg?authuser=2&hl=hi)