堆疊

堆疊是收合清單，一次只會顯示一項內容，例如通知或資訊卡。

原則

堆疊是容器元件，因此與資訊卡和清單共用設計原則：

封裝：堆疊會將相關資訊和動作分組為單一、易於理解的單元。

專注且清楚：以清楚且專注的方式呈現內容。

多功能：堆疊可顯示資訊卡和通知。

呈現方式一致：堆疊遵循一致的視覺結構。

用量和刊登位置

堆疊可向使用者顯示清單中有多個摺疊元素，同時盡量減少檢視畫面中的視覺元素。堆疊有兩種不同變體：

• 資訊卡堆疊

• 通知堆疊

堆疊是容器元件，兩個版本在運作方式或外觀上沒有差異。

兩者外觀和行為應幾乎相同。堆疊是這些控制項的容器，內建分頁邏輯。

堆疊導覽

使用者可以向前或向後滑動或拖曳觸控板來瀏覽內容。 捲動堆疊時，一次只會移動一個項目。

堆疊一次只能遍歷一個項目。

在觸控輸入時，堆疊可透過垂直移動一次呈現一個項目，並成為清單，一次顯示多個元素。清單應使用預設容器和焦點狀態。

使用深度表示焦點

堆疊底部的項目深度為 0，最頂端的項目深度為 +2。

圖解

堆疊一律會以分頁元件的形式摺疊。除非有已啟用的巢狀按鈕，否則最上方的項目一律是主要焦點，顯示較深的邊框深度。

如果滑動超過疊放內容的開頭或結尾，系統會顯示標準的延展動畫，強調疊放內容的開頭或結尾。

自訂

堆疊內建的半透明遮罩、分頁和動畫無法自訂。 而是自訂堆疊中的內容。