分頁

分頁是一律依群組出現的按鈕,取決於彼此的狀態:在任何特定時間只能有一個按鈕處於啟用狀態。


圖解

1. 使用中分頁圖示
2. 閒置分頁圖示
3. 使用中的分頁標籤
4. 閒置分頁標籤

規格

應用程式列中的巢狀分頁 - 靠左對齊

應用程式列中的巢狀分頁 - 彈性對齊

透過彈性對齊方式,分頁設定會配合可用空間而延展或壓縮。

應用程式列中收合的分頁 - 導覽匣選單

獨立分頁標籤列 – 靠左對齊

獨立分頁標籤列 - 可彈性對齊

透過彈性對齊方式,分頁設定會配合可用空間而延展或壓縮。

分頁標籤字串溢位


縮放版面配置

這些參照版面配置說明如何配合各種寬度和高度的螢幕,調整分頁。(如需定義寬度和高度類別,請參閱「版面配置」一節)。請注意,在執行任何降低取樣或提高取樣之前,所有像素值都是以算繪的像素為單位。

標準與寬螢幕的高度括號

標準高度括號中的標準與寬螢幕

標準與寬螢幕 (高高括號)

超寬和超寬螢幕 (全高括號)


風格

字體排版

類型樣式 字體 重量 大小 (dp)
內文 3 M Roboto 媒介 24
內文 3 Roboto 一般 24

顏色

元素 顏色(日模式) 顏色 (夜間模式)
主要類型 / 圖示 White 白色 @ 88%
次要類型 / 圖示 白色 @ 72% 白色 @ 60%
分頁列背景 Black Black
捲動時的分頁列背景 黑色 @ 84% 黑色 @ 88%
分頁圖示 - 使用中狀態 White 白色 @ 88%
分頁圖示 - 閒置狀態 白色 @ 56% 白色 @ 50%

尺寸

元素 大小 (dp)
主要圖示 44
次要圖示 36
圖示觸控目標 76

範例

已收合分頁
在應用程式列中巢狀結構分頁
獨立分頁列