可展开的项

可展开项是一种以内嵌方式显示其他内容的自定义条状标签。

可展开的内容条状标签

通过可展开的项,应用可以在更少的屏幕上包含高密度内容。如果您希望应用保持紧凑状态,同时允许用户快速访问更多内容,请使用此组件。

使用此组件可让用户执行以下任务:

  1. 显示更多列表项(条状标签、卡片)
  2. 显示更多文字

解剖学

展开列表
条状标签必须居中对齐。

A. 标签
标签文本可以自定义。默认值为“展开”。

B. 容器
按钮必须包含容器边框。

C. 展开图标
默认图标是朝下的 V 形,可以自定义或移除。对于 LTR 语言区域,该图标右对齐;对于 RTL 语言区域,该图标左对齐。

展开式文字
条状标签必须居中对齐。

A. 标签
标签文本可以自定义。默认值为“更多”。

B. 容器
该按钮具有两种变体:轮廓和非轮廓。

C. 展开图标
默认图标是朝下的 V 形,可以自定义或移除。对于 LTR 语言区域,该图标右对齐;对于 RTL 语言区域,该图标左对齐。

行为

展开列表

点按条状标签即可展开并显示列表中的更多项。展开操作会以动画形式呈现,以流畅的动作隐藏展开文本并展示其他内容。您可以自定义在收起状态下显示的项数。建议的项数为 3。

加大型文字广告

点按条状标签即可展开并显示更多文本。展开操作会以动画形式呈现,以流畅的动作隐藏更多文本并展示其他项。您可以自定义在收起状态下显示的文本行数。建议的行数为 8。

点按目标由整个文本区域组成,而不仅仅是按钮。

条状标签样式

展开列表

图标大小:20dp x 20dp
图标颜色:在 Surface 上
高度:32dp
宽度:因文本和语言而异
描边:1dp
标签样式:文字说明 1
标签颜色:在 Surface 上

加大型文字广告

图标大小:20dp x 20dp
图标颜色:在 Surface 上
高度:32dp
宽度:因文本和语言而异
描边:0 或 1dp
填充:无
标签样式:图片说明 1
标签颜色:在 Surface 上

内边距

对于可展开项组件的列表变体和文本变体,条状标签应具有以下内边距值:

  • 上内边距:8dp
  • 下内边距:16dp

用法

使用可展开内容的示例:

3 个组件示例