รายการคือคอนเทนเนอร์ขององค์ประกอบที่มีการเลื่อนและการโฟกัสในตัว
AI
การจัดระเบียบที่ชัดเจน: รายการควรแสดงข้อมูลในรูปแบบแนวตั้งที่ชัดเจนและสแกนได้ง่าย
การนำเสนอรายการที่สอดคล้องกัน: รายการควรมีโครงสร้างภาพที่สอดคล้องกัน
การโฟกัสและการนำทาง: ในอินเทอร์เฟซที่ใช้การนำทางตามทิศทาง รายการต้องระบุรายการที่โฟกัสอยู่ในปัจจุบันอย่างชัดเจน
การโต้ตอบ: รายการมักแสดงองค์ประกอบที่เลือกได้หรือดำเนินการได้
การใช้งานและการจัดวาง
รายการอาจมีเนื้อหาที่เกี่ยวข้องต่างๆ ที่มีองค์ประกอบที่ทำซ้ำได้ รายการจะเติมคอนเทนเนอร์มุมมองแอป ซึ่งแตกต่างจากกอง
รายการจะแสดงรายการที่เลือกได้อย่างน้อย 1 รายการภายในมุมมอง
ใช้เลเยอร์กึ่งโปร่งใสเพื่อระบุเนื้อหาที่ล้น
เมื่อรายการมีจำนวนมากเกินกว่าจะแสดงในมุมมองได้ ระบบจะแสดงเลเยอร์โปร่งบางสีดำใกล้กับขอบของรายการ
รายการใช้ชื่อได้หากจำเป็น
คุณใช้ชื่อแบบคงที่หรือชื่อที่ปักหมุดไว้ในรายการเพื่อความชัดเจนได้
สิ่งที่ไม่ควรทำ
ใช้ความลึกเพื่อระบุโฟกัส
รายการจะเลื่อนระหว่างระดับ 0 ถึง +4 สำหรับสถานะที่ไม่ได้โฟกัสและสถานะที่โฟกัส
รายการสามารถดำเนินการได้
รายการในลิสต์สามารถทำหน้าที่เป็นการดำเนินการได้ จำกัดการดำเนินการไว้ที่รายการในลิสต์
กายวิภาคศาสตร์
รายการประกอบด้วยคอนเทนเนอร์แบบเลื่อนและรายการที่มีระยะห่างสม่ำเสมอ รายการควรเลื่อนในแนวตั้งโดยมีการเลื่อนเกินขอบเขตน้อยที่สุดเมื่อจำนวนรายการเกินวิวพอร์ต
ก. คอนเทนเนอร์ - พื้นที่ที่เลื่อนได้
ข. รายการย่อย
ค. แถบระบบ
รายการในลิสต์: องค์ประกอบแต่ละรายการในลิสต์
ก. รูปทรง
ข. เส้นขอบ
ค. ไอคอนแสดงอันดับที่นำอยู่
ง. ชิ้นงานข้อความ
จ. ตัวบ่งชี้การติดตาม
การปรับแต่ง
การปรับแต่งส่วนใหญ่จะเกิดขึ้นกับรายการ
| คุณสมบัติ | การปรับแต่ง | ค่าเริ่มต้น |
|---|---|---|
| รายการ: รูปร่าง | ใช่ | 40 dp |
| รายการ: ไอคอนนำหน้าและไอคอนต่อท้าย | ใช่ | ไอคอนสัญลักษณ์สื่อ |
| รายการ: ค่าระยะห่าง | ใช่ | 2d dp, 20 dp |
| รายการ: เนื้อหา | ใช่ | บรรทัดเดียว: Text Composable 1 รายการสำหรับป้ายกำกับหลักโดยใช้ Body Small 2 บรรทัด: คอลัมน์ที่มี Text Composable 2 รายการสำหรับป้ายกำกับหลักและรอง หลัก: Title Small รอง: Body Small |
| รายการ: verticalArrangement | ใช่ | 20 dp |