แท็บคือปุ่มที่มักปรากฏเป็นกลุ่มและขึ้นอยู่กับสถานะของกันและกัน กล่าวคือจะมีเพียงแท็บเดียวเท่านั้นที่สามารถใช้งานได้ในแต่ละครั้ง
ส่วนประกอบปุ่ม
ปุ่มที่ไม่ใช่แท็บสามารถทำงานได้อย่างอิสระจากปุ่มอื่นๆ
แท็บ
กายวิภาคศาสตร์
2. ไอคอนแท็บที่ไม่ได้ใช้งาน
3. ป้ายกำกับแท็บที่ใช้งานอยู่
4. ป้ายกำกับแท็บที่ไม่ได้ใช้งาน
ข้อมูลจำเพาะ
แท็บที่ซ้อนกันอยู่ในแถบแอป – จัดชิดซ้าย
ส่วนประกอบแถบแอปและส่วนหัว
รายละเอียด คุณสมบัติ และอื่นๆ แท็บที่ซ้อนกันอยู่ในแถบแอป – การจัดวางที่ยืดหยุ่น
แท็บที่ยุบลงในแถบแอป – เมนูลิ้นชัก
ส่วนประกอบแถบแอปและส่วนหัว
รายละเอียด คุณสมบัติ และอื่นๆ แถบแท็บแบบแยกเดี่ยว – จัดชิดซ้าย
แถบแท็บแบบแยกเดี่ยว – การจัดวางที่ยืดหยุ่น
ป้ายกำกับแท็บข้อความล้น
การปรับขนาดเลย์เอาต์
เค้าโครงอ้างอิงเหล่านี้แสดงวิธีการปรับแท็บให้เหมาะสมกับหน้าจอที่มีความกว้างและความสูงต่างกัน โปรดทราบว่าค่าพิกเซลทั้งหมดเป็นค่าพิกเซลที่แสดงผลแล้ว ก่อนที่จะมีการลดขนาดหรือเพิ่มขนาดพิกเซลใดๆ
หน้าจอมาตรฐานเทียบกับหน้าจอกว้างในกลุ่มความสูงต่ำ
หน้าจอมาตรฐานเทียบกับหน้าจอกว้างในขาตั้งความสูงมาตรฐาน
หน้าจอมาตรฐานเทียบกับหน้าจอกว้างในกลุ่มความสูงสูง
หน้าจอขนาดกว้างพิเศษและกว้างมาก มีให้เลือกทุกความสูง
สไตล์
การจัดพิมพ์
| รูปแบบตัวอักษร | แบบอักษร | น้ำหนัก | ขนาด (dp) |
|---|---|---|---|
| บอดี้ 3 เอ็ม | โรโบโต | ปานกลาง | 24 |
| ส่วนที่ 3 | โรโบโต | ปกติ | 24 |
สี
| องค์ประกอบ | สี (โหมดกลางวัน) | สี (โหมดกลางคืน) |
|---|---|---|
| ประเภทหลัก / ไอคอน | สีขาว | สีขาว @ 88% |
| ประเภท/ไอคอนรอง | สีขาว @ 72% | สีขาว @ 60% |
| พื้นหลังแถบแท็บ | สีดำ | สีดำ |
| พื้นหลังแถบแท็บเมื่อเลื่อน | สีดำ @ 84% | สีดำ @ 88% |
| ไอคอนแท็บ - สถานะใช้งาน | สีขาว | สีขาว @ 88% |
| ไอคอนแท็บ - สถานะไม่ทำงาน | สีขาว @ 56% | สีขาว 50% |
ขนาด
| องค์ประกอบ | ขนาด (dp) |
|---|---|
| ไอคอนหลัก | 44 |
| ไอคอนรอง | 36 |
| ไอคอนเป้าหมายการสัมผัส | 76 |
ตัวอย่าง
