標籤頁是總是成組出現的按鈕,並且彼此依賴:在任何給定時間只能有一個標籤頁處於活動狀態。
分頁
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
解剖學

2. 非活動標籤圖標
3. 活動標籤頁
4. 非活動標籤頁
規格
應用程式列中嵌套的標籤頁 - 左對齊

應用程式欄內嵌套標籤頁-靈活對齊

應用程式列中的標籤頁已折疊 – 抽屜選單

獨立標籤欄 – 左對齊

獨立標籤欄 – 靈活對齊

標籤頁字串溢出

縮放佈局
這些參考版面展示如何調整標籤頁以適應不同寬度和高度的螢幕。請注意,所有像素值均為渲染像素值,未進行任何下取樣或上取樣。
短高度範圍內的標準螢幕與寬螢幕

標準高度範圍內的標準螢幕與寬螢幕

高高度範圍內的標準螢幕與寬螢幕的比較

各種高度的超寬屏和超寬屏

款式
排版
| 字體樣式 | 字體 | 重量 | 大小(dp) |
|---|---|---|---|
| 3M 機身 | 機器人 | 中等的 | 24 |
| 身體 3 | 機器人 | 常規的 | 24 |
顏色
| 元素 | 顏色(日間模式) | 色彩(夜間模式) |
|---|---|---|
| 主要類型/圖標 | 白色的 | 白色 @ 88% |
| 次要類型/圖標 | 白色 @ 72% | 白色 @ 60% |
| 標籤欄背景 | 黑色的 | 黑色的 |
| 標籤欄背景捲動 | 黑色 @ 84% | 黑色 @ 88% |
| 標籤頁圖示 - 啟動狀態 | 白色的 | 白色 @ 88% |
| 標籤頁圖示 - 非活動狀態 | 白色 @ 56% | 白色 @ 50% |
漿紗
| 元素 | 大小(dp) |
|---|---|
| 主圖示 | 44 |
| 輔助圖示 | 36 |
| 圖示觸摸目標 | 76 |
範例


