รายการ

รายการคือคอนเทนเนอร์ขององค์ประกอบที่มีการเลื่อนและการโฟกัสในตัว

AI

การจัดระเบียบที่ชัดเจน: รายการควรแสดงข้อมูลในรูปแบบแนวตั้งที่ชัดเจนและสแกนได้

การนำเสนอรายการที่สอดคล้องกัน: รายการควรมีโครงสร้างภาพที่สอดคล้องกัน

การโฟกัสและการนำทาง: ในอินเทอร์เฟซที่ใช้การนำทางตามทิศทาง รายการต้องระบุรายการที่โฟกัสอย่างชัดเจน

การโต้ตอบ: รายการมักแสดงองค์ประกอบที่เลือกได้หรือดำเนินการได้

การใช้งานและการจัดวาง

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

ใช้เลเยอร์โปร่งบางเพื่อระบุเนื้อหาที่ล้น เมื่อรายการมีจำนวนมากเกินกว่าจะแสดงในมุมมองได้ ระบบจะแสดงเลเยอร์โปร่งบางสีดำใกล้กับขอบของรายการ

รายการใช้ชื่อได้หากจำเป็น คุณใช้ชื่อแบบคงที่หรือชื่อที่ปักหมุดในรายการเพื่อความชัดเจนได้

ใช้ความลึกเพื่อระบุโฟกัส

รายการจะเลื่อนระหว่างระดับ 0 ถึง +4 สำหรับสถานะที่ไม่ได้โฟกัสและโฟกัส

รายการสามารถดำเนินการได้

รายการในลิสต์สามารถทำหน้าที่เป็นการดำเนินการได้ ดำเนินการกับรายการในลิสต์

ไฮไลต์การควบคุมที่จะเปิดใช้งานเมื่อแตะ แม้ว่าคุณจะเลื่อน สิ่งอื่นได้ก็ตาม หากเลื่อนรายการหรือการ์ดไปด้านหลังองค์ประกอบอื่นได้ ให้โฟกัสเฉพาะรายการที่ตอบสนองต่อการแตะ

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

รายการประกอบด้วยคอนเทนเนอร์ที่เลื่อนได้และรายการที่เว้นวรรคอย่างสม่ำเสมอ รายการควรเลื่อนในแนวตั้งโดยมีการเลื่อนเกินขอบเขตน้อยที่สุด เมื่อจำนวนรายการ เกินกว่าวิวพอร์ต

ก. คอนเทนเนอร์ - พื้นที่ที่เลื่อนได้

ข. รายการย่อย

ค. แถบระบบ

List Item: องค์ประกอบแต่ละรายการในลิสต์

ก. รูปร่าง

ข. เส้นขอบ 

ค. ไอคอนแสดงอันดับที่นำอยู่

ง. ชิ้นงานข้อความ

จ. ตัวบ่งชี้การติดตาม

การปรับแต่ง

การปรับแต่งส่วนใหญ่จะเกิดขึ้นกับรายการ

พร็อพเพอร์ตี้	การปรับแต่ง	ค่าเริ่มต้น
รายการ: รูปร่าง	ใช่	40 dp
รายการ: ไอคอนนำหน้าและไอคอนต่อท้าย	ใช่	ไอคอนสัญลักษณ์สื่อ
รายการ: ค่าระยะห่าง	ใช่	2d dp, 20 dp
รายการ: เนื้อหา	ใช่	บรรทัดเดียว: Composable ข้อความ 1 รายการสำหรับป้ายกำกับหลักโดยใช้ Body Small 2 บรรทัด: คอลัมน์ที่มี Composable ข้อความ 2 รายการสำหรับป้ายกำกับหลักและรอง หลัก: Title Small รอง: Body Small
รายการ: verticalArrangement	ใช่	20 dp