允許使用者滑動元件,以便顯示其他動作。
圖解
持續執行主要動作
如要執行主要動作,使用者只要輕觸按鈕或繼續向左滑動即可。如此一來,按鈕就會延伸至整個螢幕寬度並顯示標籤。選取後,動作就會消失。
第一個範例顯示單一按鈕選項。第二個示例是雙按鈕選項,
復原動作
如果是破壞性動作,請新增復原元件,讓使用者復原這些動作。將復原功能新增至主要動作。
新增後,系統會改為顯示「復原方塊」按鈕,取代已提交的動作。復原動作不久後就會消失,且系統會完成承諾的動作。
滑動閾值
滑動顯示元件的行為,取決於使用者在畫面上滑動多少距離:
- 如果使用者在螢幕的 50% 以下的範圍內滑動,元件會彈回原本的位置,且不會執行任何動作。
- 如果使用者滑動畫面介於整個寬度的 50% 到 75% 之間,元件會保持部分顯示,並顯示與該元件相關聯的動作。
- 如果使用者滑動的螢幕寬度超過 75%,元件就會消失,且系統會自動執行主要動作。
相關元件
下列材質主題元件會實作滑動顯示行為:
資訊卡顯示
以下螢幕截圖顯示使用 SwipeToRevealCard
類別時,滑動顯示元件外觀的滑動畫面:
如為方塊
以下螢幕截圖顯示使用 SwipeToRevealChip
類別時,滑動顯示元件外觀的滑動畫面: