分頁

用於整理不同畫面、資料集與互動的內容。分頁可用來切換不同資訊群組的檢視畫面。

分頁封面

資源

類型 連結 狀態
設計 設計來源 (Figma) 可用
導入作業 Jetpack Compose 可用

重點特色

  • 可水平捲動分頁。UI 可以包含任意數量的分頁。
  • 分頁會將內容分門別類,協助使用者快速找到不同類型的資訊。
  • 系統會將分頁彼此相鄰,當做對等類別,並以同等重要性類別顯示。

變化版本

分頁指標分為兩種類型:

標籤藥丸 已加底線的分頁
  1. 藥丸狀指標
  2. 長條指標

請根據強調內容選擇合適的類型。建議您使用圓餅指標分頁整理整個頁面。會顯示主要內容到達網頁。內容區域中使用長條圖分頁,可進一步分隔相關內容並建立階層。

圖解

分頁剖析

  1. 圖示 (選用)
  2. 標籤
  3. 使用中的指標
    1. 藥丸
    2. 長條圖
  4. 容器

狀態

分頁狀態

  1. 預設
  2. 專注
  3. 已選取

規格

分頁剖析

行為

從一個分頁移至下一個分頁時,系統也會根據分頁移動向左或向右滑動。