堆栈

堆叠是一种收起的列表，在堆叠的视觉效果中，一次只显示一条内容，例如通知或卡片。

原则

堆叠是一种容器组件，因此它们与卡片和列表具有相同的设计原则：

包含：堆栈将相关信息和操作分组到一个易于理解的单元中。

重点突出且清晰明了：以清晰明了的方式呈现内容。

多功能性：堆叠可以显示卡片和通知。

呈现效果一致：堆叠遵循一致的视觉结构。

用法与位置

堆叠是一种向用户展示列表中有多个元素处于收起状态的方式，同时可最大限度地减少视图中的视觉元素。堆栈有两种不同的变体：

• 卡片堆叠

• 通知堆叠

堆栈是一种容器组件，这两个版本在功能或外观上没有区别。

两者在外观和行为上应几乎完全相同。堆栈是这些控件的容器，内置了分页逻辑。

堆栈导航

用户通过在触控板上向前和向后滑动或拖动来导航。 滚动堆栈时，一次只能移动一项内容。

堆栈可以一次遍历一个项目。

在收到触控输入后，堆叠能够通过垂直移动一次呈现一个项，并变成列表以一次显示多个元素。该列表应使用默认容器和焦点状态。

使用深度来指示焦点

较低堆叠项的深度为 0，而最上面的项的深度为 +2。

解剖学

堆栈始终会折叠为分页组件。除非存在嵌套的已启用按钮，否则顶部项始终是主要焦点，显示较深的边框深度。

滑动到堆栈的开头或结尾时，系统会显示标准的拉伸动画，以强化堆栈的开头或结尾。

自定义

堆栈具有内置的遮罩、分页和动画，无法自定义。 而是对堆栈中的内容进行自定义。