可展开项是一种自定义芯片,可以内联方式显示更多内容。

可展开项芯片
可展开项允许应用在更少的屏幕空间中包含高密度内容。当您想保持应用紧凑,同时让用户快速访问附加内容时,请使用此组件。使用此组件可以让用户执行以下任务
- 显示更多列表项(芯片、卡片)
- 显示更多文本
组成

展开列表
该芯片必须居中对齐。 A. 标签
标签文本可以自定义。默认值为“显示更多”。 B. 容器
按钮必须包含容器边框。 C. 展开图标
默认图标是朝下的 V 形符号,可以自定义或移除。对于 LTR 语言区域,图标右对齐;对于 RTL 语言区域,图标左对齐。
该芯片必须居中对齐。 A. 标签
标签文本可以自定义。默认值为“显示更多”。 B. 容器
按钮必须包含容器边框。 C. 展开图标
默认图标是朝下的 V 形符号,可以自定义或移除。对于 LTR 语言区域,图标右对齐;对于 RTL 语言区域,图标左对齐。

展开文本
该芯片必须居中对齐。 A. 标签
标签文本可以自定义。默认值为“更多”。 B. 容器
按钮有两种变体:带轮廓和不带轮廓。 C. 展开图标
默认图标是朝下的 V 形符号,可以自定义或移除。对于 LTR 语言区域,图标右对齐;对于 RTL 语言区域,图标左对齐。
该芯片必须居中对齐。 A. 标签
标签文本可以自定义。默认值为“更多”。 B. 容器
按钮有两种变体:带轮廓和不带轮廓。 C. 展开图标
默认图标是朝下的 V 形符号,可以自定义或移除。对于 LTR 语言区域,图标右对齐;对于 RTL 语言区域,图标左对齐。
行为

展开列表
轻触芯片以展开并显示列表中的更多项。展开操作会进行动画处理,隐藏 显示更多 文本,并以流畅的动作显示其他项。您可以自定义折叠状态下显示的项数。推荐的项数为三。

展开文本
轻触芯片以展开并显示更多文本。展开操作会进行动画处理,隐藏 更多 文本,并以流畅的动作显示其他项。您可以自定义折叠状态下显示的文本行数。推荐的行数为八。
轻触目标是整个文本区域,而不仅仅是按钮。
芯片样式


展开列表
图标大小:20 dp x 20 dp
图标颜色:On Surface
高度:32 dp
宽度:根据文本和语言变化
描边:1 dp
标签样式:Caption 1
标签颜色:On Surface
展开文本
图标大小:20 dp x 20 dp
图标颜色:On Surface
高度:32 dp
宽度:根据文本和语言变化
描边:0 或 1 dp
填充:无
标签样式:Caption 1
标签颜色:On Surface
内边距

对于可展开项组件的列表变体和文本变体,芯片应具有以下内边距值
- 顶部内边距:8 dp
- 底部内边距:16 dp
用法
可展开项的使用示例