子標題是清單圖塊,用於識別清單或格狀檢視畫面中的內容區段。這類篩選器通常用於篩選器或排序功能產生的子區段。
當使用者捲動子標題下方的內容時,子標題會保持固定在畫面頂端,直到下一個子標題將其推送到畫面為止。
圖解
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-anatomy-1.png?authuser=3&hl=zh-tw)
2. 文字標籤
規格
格狀檢視子標題
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-1.png?authuser=3&hl=zh-tw)
清單中的子標題
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-2.png?authuser=3&hl=zh-tw)
風格
字體排版
類型樣式 | 字體 | 重量 | 大小 (dp) |
---|---|---|---|
內文 3 M | Roboto | 媒介 | 24 |
顏色
元素 | 顏色(日模式) | 顏色 (夜間模式) |
---|---|---|
主要類型 | White | 白色 @ 88% |
子標題背景 | Black | Black |
尺寸
元素 | 大小 (dp) |
---|---|
子標題高度 | 76 |
範例
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-1.png?authuser=3&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-2.png?authuser=3&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-3.png?authuser=3&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-4.png?authuser=3&hl=zh-tw)