组件 小部件

小部件

小部件显示一个供快速浏览的视图,主要用于显示应用最重要的数据和功能。

用法 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

主屏幕小部件以统一的形式显示应用的新内容和有趣的内容。它们链接到应用内部的更丰富的细节。

用户可以移动小部件,如果支持的话,可以在主屏幕上调整小部件的大小。

了解如何创建应用小部件。

小部件类型 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

信息型小部件

信息型小部件向用户显示一些重要的元素,并跟踪该信息如何随着时间变化,例如天气或运动成绩。点击小部件将启动相关的应用,并显示详细视图。

Material Design 中的信息型小部件

一个信息型小部件

集合型小部件

集合型小部件显示同一类型的多个元素,例如来自新闻应用的文章集合。它们专注于两种交互:

  • 浏览集合
  • 打开一个元素的详细视图

集合型小部件可以垂直滚动。

Material Design 中的集合型小部件

集合型小部件

Material Design 中的集合型小部件

控制型小部件

控制型小部件显示常用功能。这些功能可以从主屏幕触发,而不用打开对应的应用。例如,音乐应用的小部件允许用户在音乐应用外部播放、暂停或跳过音乐曲目。

控制型小部件可能可以进入详细视图,也可能不能进入详细视图。

Material Design 中的控制型小部件

一个控制型小部件

混合型小部件

许多小部件都是混合体,组合了以上不同类型的元素。以其中一种类型为核心,并根据需要添加其他类型的元素。

例如,音乐播放器小部件将控制型小部件与信息型小部件结合在一起,结果能让用户知道当前正在播放哪一首曲目。

Material Design 中的混合型小部件

一个混合型小部件

行为 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

导航

你的小部件应提供指向应用常用区域的导航链接,其中包括:

  • 允许用户创建新内容,例如新建文本或消息
  • 允许快速访问应用的主要界面

调整小部件大小

用户可以调整小部件的高度和宽度。这可以使用户调整主屏幕上的小部件的布局。

你的应用可以同时支持横向和纵向调整大小,或只支持横向,或只支持纵向调整大小。

Material Design 中的小部件可调整大小,支持横向和纵向

长按并松开后,可调整大小的小部件会进入调整大小模式。用户可以拖动手柄或小部件角落来设置所需的大小。

可滚动小部件

列表或基于网格的集合小部件通常会展开或收缩垂直滚动区域。无论小部件大小,用户都可以将所有元素滚动到可见区域。

确定应该显示多少应用信息。对于较小的小部件,只显示信息要点,并在展开小部件时添加更多相关信息。

不可滚动小部件

信息型小部件不可滚动,所有内容和布局都必须根据用户设置的小部件的大小动态匹配。

响应式调整大小

小部件应适应不同设备的间距要求,包括单元格数量、尺寸与间距的差异。

配置小部件

Android 小部件放置在主屏幕上时会显示其配置项。

配置的最佳实践:

  • 保持配置的轻量,不要超过 2-3 个配置项
  • 用对话框呈现配置选项,而不是全屏呈现,以保留用户的上下文

一旦设置完成,小部件通常不会再显示“设置”或“配置”按钮。