ชิปชื่อ

ชิปชื่อจะแสดงข้อมูลเล็กๆ น้อยๆ

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

AI

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

กระชับ: ชิปชื่อออกแบบมาสำหรับข้อมูลสั้นๆ โดยปกติจะเป็นชื่อ สถานะ หรือชื่อย่อ

มีความแตกต่างทางสายตา: แม้จะแชร์ความสวยงามของ Jetpack Compose Glimmer แต่ลักษณะที่ปรากฏควรมีความแตกต่างมากพอที่จะได้รับการจดจำว่าเป็นป้ายกำกับมากกว่าปุ่มแบบอินเทอร์แอกทีฟ

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

ชิปชื่อเป็นคอมโพเนนต์แบบอ่านอย่างเดียวโดยค่าเริ่มต้น

ควรทำ

ใช้ชิปชื่อสำหรับองค์ประกอบแบบคงที่หรือตกแต่ง เพื่อแจ้งให้ผู้ใช้ทราบและติดป้ายกำกับ

สิ่งที่ไม่ควรทำ

ใช้ชิปชื่อเป็นข้อความแจ้งการดำเนินการที่แตะได้ เนื่องจากไม่มีสถานะโฟกัส ให้ใช้ปุ่มแทน

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

ภายในเลย์เอาต์

ชิปชื่อเป็นคอมโพเนนต์แบบอ่านอย่างเดียวโดยค่าเริ่มต้น

ชิปจะเลื่อนไปพร้อมกับเลย์เอาต์
หรือจะตรึงชิปไว้ในเลย์เอาต์ก็ได้ ชิปจะใช้พื้นที่ 56 dp ด้านบน

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

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

1. ป้ายกำกับชิปชื่อ

2. ไอคอนหรือเอนทิตีที่นำหน้า (ไม่บังคับ)

การปรับแต่ง

ชิปชื่อจะแสดงพร้อมหรือไม่มีไอคอนก็ได้ รวมถึงแสดงพร้อมกับพร็อพเพอร์ตี้รูปแบบอื่นๆ ได้

คุณสมบัติ การปรับแต่ง ค่าเริ่มต้น
รูปทรง ใช่ ใหญ่ วงกลม
Padding ใช่ 16 dp, 8 dp
เส้นขอบ ใช่ 2 dp, #606460
ข้อความ ใช่ Body Small
ไอคอนแสดงอันดับที่นำอยู่ ใช่ 40 dp
ความลึก ใช่ 0
ความกว้างสูงสุด ไม่ 352 dp
ความสูงขั้นต่ำ ใช่ 56 dp

ก่อนหน้า
ปุ่ม
ถัดไป
การ์ด