ส่วนหัวย่อยคือชิ้นส่วนรายการที่ระบุส่วนต่างๆ ของเนื้อหาในมุมมองรายการหรือมุมมองตาราง โดยปกติแล้วจะใช้สำหรับส่วนย่อยของเนื้อหาที่สร้างจากตัวกรองหรือการจัดเรียง
เมื่อมีการเลื่อนเนื้อหาด้านล่างส่วนหัวย่อย ส่วนหัวย่อยจะถูกตรึงไว้ที่ด้านบนสุดของหน้าจอจนกว่าส่วนหัวย่อยถัดไปจะถูกผลักไปออกจากหน้าจอ
กายวิภาคศาสตร์
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-anatomy-1.png?authuser=1&hl=th)
2. ป้ายกำกับข้อความ
ข้อกำหนด
ส่วนหัวย่อยในตาราง
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-1.png?authuser=1&hl=th)
ส่วนหัวย่อยในรายการ
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-2.png?authuser=1&hl=th)
รูปแบบ
การพิมพ์
รูปแบบของประเภท | ลักษณะแบบอักษร | น้ำหนัก | ขนาด (dp) |
---|---|---|---|
เนื้อความ 3 M | Roboto | สื่อ | 24 |
สี
องค์ประกอบ | สี(โหมดวัน) | สี (โหมดกลางคืน) |
---|---|---|
ประเภทหลัก | สีขาว | สีขาว @ 88% |
พื้นหลังของส่วนหัวย่อย | สีดำ | สีดำ |
ขนาด
องค์ประกอบ | ขนาด (dp) |
---|---|
ความสูงของส่วนหัวย่อย | 76 |
ตัวอย่าง
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-1.png?authuser=1&hl=th)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-2.png?authuser=1&hl=th)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-3.png?authuser=1&hl=th)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-4.png?authuser=1&hl=th)