รายการ

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

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

AI

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

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

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

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

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

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

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

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

ใช้เลเยอร์กึ่งโปร่งใสเพื่อระบุเนื้อหาที่ล้น

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

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

รายการใช้ชื่อได้หากจำเป็น

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

มีรายการมากกว่า 1 รายการต่อมุมมอง ซึ่งทำให้ดูยากและโฟกัสยาก

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

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

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

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

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

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

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

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

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

ค. แถบระบบ

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

ก. รูปทรง

ข. เส้นขอบ 

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

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

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

การปรับแต่ง

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

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