應用程式列和標題列

應用程式欄和標題元件是應用程式畫布頂部的專用欄,可自訂以顯示重要的應用程式相關功能,例如品牌識別、頂級導覽和應用程式控制項的存取。

使用一致的應用程式列和標題佈局,將應用程式內搜尋等關鍵控制項放置在整個使用者介面中的標準位置。

解剖學

應用程式列和頁首可以包含多種元素。可以透過以下兩種方式進行配置:

  • 應用程式標題列:配置為套用標題列時,此元件包含可選文字空間,圖示和按鈕的使用量極少。通常,它包含螢幕標題和返回箭頭。
  • 應用程式列:配置為應用程式列後,它可以包含圖示、標籤按鈕。典型元素包括應用圖示和導航選項。

這兩個版本都可以包含應用程式控制功能,例如應用程式內搜尋和設定。

應用程式列和標題列結構
應用頭部有兩種版本(頂部和中間)和一個版本(底部),包含以下元素:
1. 返回箭頭
2. 螢幕標題
3. 按鈕
4. 應用控制
5. 應用程式圖標
6. 主導航(標籤頁)

規格 – 應用程式欄

應用程式列主導覽 - 居中對齊

應用程式列(含主導航) - 左對齊

應用程式列主導航已折疊(抽屜式而非標籤式)

規格 – 應用程式標題

應用程式標題居中

帶有單一應用程式控制項的應用程式標題

帶有多個應用程式控制項的應用程式標題

應用程式標題欄,附單一按鈕

應用程式標題列包含多個按鈕

應用程式標題文字溢出

帶有獨立標籤列的應用程式標題

客製化

您可以透過修改應用程式列和標題列的視覺外觀來展現您的品牌形象。修改內容可能包括:

  • 自訂圖示
  • 自訂字體
  • 設定活動、非活動和禁用按鈕的外觀
  • 設定按鈕尺寸和位置

範例

登入時的應用程式標題
播放中的應用程式標題
應用程式列
滾動內容時的應用程式欄