รายการที่ขยายได้

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

ชิปรายการที่ขยายได้

รายการแบบขยายช่วยให้แอปรวมเนื้อหาที่มีความหนาแน่นสูงในพื้นที่หน้าจอที่น้อยลงได้ ใช้คอมโพเนนต์นี้เมื่อคุณต้องการทำให้แอปกะทัดรัดในขณะที่อนุญาตให้ผู้ใช้เข้าถึงเนื้อหาเพิ่มเติมได้อย่างรวดเร็ว ใช้คอมโพเนนต์นี้เพื่อให้ผู้ใช้ทํางานต่อไปนี้ได้

• แสดงรายการข้อมูลเพิ่มเติม (ชิป การ์ด)
• แสดงข้อความเพิ่มเติม

รายการแบบขยาย
ชิปต้องอยู่กึ่งกลาง

ก. ป้ายกำกับ
ปรับแต่งข้อความป้ายกำกับได้ ค่าเริ่มต้นคือ "แสดงเพิ่มเติม"

ข. คอนเทนเนอร์
ปุ่มต้องมีเส้นขอบคอนเทนเนอร์

ค. ไอคอนขยาย
ไอคอนเริ่มต้นคือเครื่องหมายบั้งลง ซึ่งสามารถปรับแต่งหรือนำออกได้ ไอคอนจะจัดชิดขวาสำหรับภาษา LTR และจัดชิดซ้ายสำหรับภาษา RTL

ข้อความที่ขยายออก
ชิปต้องอยู่กึ่งกลาง

ก. ป้ายกำกับ
ปรับแต่งข้อความป้ายกำกับได้ ค่าเริ่มต้นคือ "เพิ่มเติม"

ข. คอนเทนเนอร์
ปุ่มมี 2 รูปแบบ ได้แก่ มีการร่างเส้นขอบและไม่ร่างเส้นขอบ

ค. ไอคอนขยาย
ไอคอนเริ่มต้นคือเครื่องหมายบั้งลง ซึ่งสามารถปรับแต่งหรือนำออกได้ ไอคอนจะจัดชิดขวาสำหรับภาษา LTR และจัดชิดซ้ายสำหรับภาษา RTL

การขยายรายการ

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

การขยายข้อความ

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

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

การขยายรายการ

ขนาดไอคอน: 20 dp x 20 dp
สีไอคอน: บนพื้นผิว
ความสูง: 32 dp
ความกว้าง: แตกต่างกันไปตามข้อความและภาษา
เส้นขอบ: 1 dp
สไตล์ป้ายกำกับ: คำบรรยาย 1
สีป้ายกำกับ: บนพื้นผิว

การขยายข้อความ

ขนาดไอคอน: 20 dp x 20 dp
สีไอคอน: บนพื้นผิว
ความสูง: 32 dp
ความกว้าง: แตกต่างกันไปตามข้อความและภาษา
เส้นขอบ: 0 หรือ 1 dp
การเติม: ไม่มี
สไตล์ป้ายกำกับ: คำบรรยาย 1
สีป้ายกำกับ: บนพื้นผิว

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

• ระยะห่างจากขอบด้านบน: 8 dp
• ระยะห่างจากขอบด้านล่าง: 16 dp