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