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