รายการ

มุมมองรายการแสดงเนื้อหาเป็นรายการย่อยในคอลัมน์เดียวที่เลื่อนขึ้นลงได้ มุมมองนี้เหมาะที่สุดเมื่อผู้ใช้ต้องอ่านข้อความและดูข้อมูลเพื่อเลือกสิ่งที่ต้องการ

รายการแบบลิสต์ใช้พื้นที่แนวตั้งน้อยกว่ารายการแบบตาราง ทำให้สามารถแสดงรายการได้มากขึ้นบนหน้าจอ

ไอคอนคำอธิบาย
ส่วนประกอบตาราง
ตารางเป็นอีกรูปแบบการแสดงผลหนึ่งที่ช่วยเน้นรูปภาพ

กายวิภาคศาสตร์

ในมุมมองรายการ แต่ละแถวจะมีช่องสี่เหลี่ยมที่แสดงรายการหนึ่งรายการ การกระทำหลักสามารถเติมเต็มช่องสี่เหลี่ยมนั้นได้ ทำให้ผู้ใช้สามารถเริ่มการกระทำได้จากทุกที่ในช่องสี่เหลี่ยมนั้น สำหรับการกระทำเสริมที่แสดงด้วยไอคอนและข้อความ เฉพาะบริเวณที่มีไอคอนและข้อความเท่านั้นที่สามารถดำเนินการได้

1. ไอคอนหลัก
2. เปิดปุ่มสวิตช์
3. ปิดปุ่มสวิตช์
4. ข้อความหลักและข้อความรอง
5. ไทล์เนื้อหา

ข้อมูลจำเพาะ

รายการบรรทัดเดียว

รายการสองบรรทัด

รายการสองบรรทัดกลับด้าน

รายการแบบหลายบรรทัดพร้อมส่วนหัว

รายการแบบหลายบรรทัดที่ไม่มีส่วนหัว

รายการที่มีข้อความล้น

รายการที่มีการดำเนินการแยกย่อย

การวางตำแหน่งไอคอนตัวบ่งชี้ในรายการ

การปรับขนาดเลย์เอาต์

เค้าโครงอ้างอิงเหล่านี้แสดงวิธีการปรับรายการในลิสต์ให้เหมาะสมกับหน้าจอที่มีความกว้างและความสูงต่างกัน (หมวดหมู่ความกว้างและความสูงถูกกำหนดไว้ในส่วน เค้าโครง ) โปรดทราบว่าค่าพิกเซลทั้งหมดเป็นค่าพิกเซลที่แสดงผลแล้ว ก่อนที่จะมีการลดขนาดหรือเพิ่มขนาดพิกเซลใดๆ

ไอคอนคำอธิบาย
เค้าโครง
ระยะขอบ เส้นขอบ และระยะห่างภายในสำหรับขนาดหน้าจอต่างๆ
ไอคอนคำอธิบาย
ป้ายกำกับเค้าโครง
คำจำกัดความของ E, M, KL, P, Flex

หน้าจอมาตรฐาน หน้าจอกว้าง และหน้าจอกว้างพิเศษ

หน้าจอมาตรฐาน หน้าจอกว้าง และหน้าจอกว้างพิเศษ พร้อมการแสดงผลแบบไทล์เนื้อหา

หน้าจอกว้างพิเศษ

สไตล์

การจัดพิมพ์

รูปแบบตัวอักษร แบบอักษร น้ำหนัก ขนาด (dp)
ร่างกาย 1 โรโบโต ปกติ 32
ส่วนที่ 3 โรโบโต ปกติ 24

สี

องค์ประกอบ สี (โหมดกลางวัน) สี (โหมดกลางคืน)
ประเภทหลัก / ไอคอน สีขาว สีขาว @ 88%
ประเภท/ไอคอนรอง สีขาว @ 72% สีขาว @ 60%
เส้นแบ่ง สีขาว @ 22% สีขาว @ 12%
พื้นหลังรายการ สีดำ สีดำ

ขนาด

องค์ประกอบ ขนาด (dp)
ความสูงของรายการ 96 (จอสั้น) / 116 (จอมาตรฐาน) / 128 (จอสูง)
ไอคอนหลัก 44
ไอคอนระดับที่สาม 24
เนื้อหาไทล์ ความสูงของรายการลบ 1 หลักทศนิยม
อวตารขนาดกลาง 76
ความหนาของเส้นแบ่ง 1

ตัวอย่าง

รายการการตั้งค่า - รายวัน
รายการการตั้งค่า - กลางคืน
รายการการตั้งค่า - รายวัน
รายการการตั้งค่า - กลางคืน
รายชื่อสื่อ - วัน
รายชื่อสื่อ - กลางคืน