รายการ

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

ควรยึดองค์ประกอบการออกแบบไว้ที่ด้านล่างของเฟรม

AI

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

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

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

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

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

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

ควรยึดองค์ประกอบการออกแบบไว้ที่ด้านล่างของเฟรม รายการจะแสดงรายการที่เลือกได้อย่างน้อย 1 รายการภายในมุมมอง

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

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

ควรยึดองค์ประกอบการออกแบบไว้ที่ด้านล่างของเฟรม รายการใช้ชื่อได้หากจำเป็น

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

มีรายการมากกว่า 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