เครื่องหมายไอคอนเป็นส่วนหนึ่งของระบบคำอธิบายประกอบเชิงพื้นที่ ใช้เครื่องหมายไอคอนเพื่อช่วยใส่คำอธิบายประกอบวัตถุในโลกจริง
AI
ตามบริบท: เครื่องหมายไอคอนจะล็อกอยู่กับวัตถุหรือจุดในโลกจริง
กระชับ: เครื่องหมายไอคอนคือตัวบ่งชี้ภาพแบบย่อของ Anchor เชิงพื้นที่
การใช้งานและตำแหน่ง
เครื่องหมายไอคอนคือองค์ประกอบ UI ที่คล้ายกับปุ่มไอคอนซึ่งทำเครื่องหมายวัตถุที่น่าสนใจในสภาพแวดล้อมของผู้ใช้ เครื่องหมายไอคอนเป็นเครื่องหมายเชิงพื้นที่ประเภทหนึ่งที่ใช้สำหรับการตรึงเชิงพื้นที่
ควรทำ
สิ่งที่ไม่ควรทำ
คอมโพเนนต์ Glimmer ของ Jetpack Compose อื่นๆ สามารถจับคู่กับเครื่องหมายเพื่อแสดงคำอธิบายหรือข้อมูลเชิงลึกเกี่ยวกับสภาพแวดล้อมของผู้ใช้ได้ชัดเจนยิ่งขึ้น
ควรทำ
สิ่งที่ไม่ควรทำ
คุณสามารถวางเนื้อหาและป้ายกำกับในแนวต่างๆ ได้ เครื่องหมายและ UI ที่แนบมาควรทำงานเป็น UI เชิงพื้นที่ ซึ่งหมายความว่าระยะทางจริงของวัตถุที่ทำเครื่องหมายควรแสดงในขนาดของ UI โดยใช้ขนาด DP เชิงมุมคงที่
กำหนดเครื่องหมายอย่างชัดเจนเพื่อหลีกเลี่ยงความยุ่งเหยิงของภาพ และจำกัดจำนวนเครื่องหมายภายในมุมมอง หากจำเป็นต้องใช้เครื่องหมายหลายรายการ ให้จัดกลุ่มรวมกันเป็นเครื่องหมายเดียวที่โดดเด่นมากขึ้นซึ่งสามารถดูแบบต่อเนื่องได้
รัฐ
เครื่องหมายไอคอนคล้ายกับปุ่มไอคอนมาก ความแตกต่างที่สำคัญคือ แทนที่จะเป็นสถานะปิดใช้ จะมีสถานะไม่โต้ตอบ
ใส่คำอธิบายประกอบในโลกจริงด้วยสถานะที่ไม่มีการโต้ตอบ เช่น การทำเครื่องหมายจุดที่น่าสนใจ
หากมีข้อมูลเพิ่มเติมที่อาจพร้อมใช้งาน คุณสามารถใช้สถานะแบบอินเทอร์แอกทีฟที่มีความสามารถในการทำงานของปุ่มได้ หากผู้ใช้แตะเครื่องหมายไอคอน ระบบจะแสดงการ์ด Glimmer พร้อมข้อมูลเพิ่มเติม
กายวิภาคศาสตร์
เครื่องหมายไอคอนเป็นองค์ประกอบ UI ของปุ่มไอคอนขนาดเล็กที่มีระยะห่างจากขอบซึ่งช่วยให้จัดแนวและวางแนว UI ได้อย่างคงที่ เครื่องหมายไอคอนยังใช้จุดขนาดใหญ่หรือเล็กแทนไอคอนได้ด้วย สถานะแบบอินเทอร์แอกทีฟจะมีการแสดงภาพเพื่อระบุสถานะของปุ่ม
Padding
UI ที่จัดวางในแนวนอนและจัดวางแนวตั้งจะมีระยะห่างจากขอบปานกลาง ส่วนองค์ประกอบที่จับคู่ในแนวทแยงจะมีระยะห่างจากขอบเริ่มต้น 0 dp
การจัดข้อความ
องค์ประกอบ UI สามารถจัดวางในแนวนอน แนวตั้ง หรือแนวทแยงได้
การวางแนว
เนื้อหาควรแสดงต่อผู้ใช้ในลักษณะบิลบอร์ด โดยคำนึงถึงแรงโน้มถ่วงของการจัดวางเพื่อให้เนื้อหาดูเป็นระเบียบ
การปรับแต่ง
หลีกเลี่ยงการปรับแต่งเครื่องหมายไอคอนเพื่อให้คงความสามารถในการสื่อสารด้วยภาพที่สอดคล้องกัน อย่างไรก็ตาม คุณสามารถปรับแต่งการวางแนวและการจัดแนวขององค์ประกอบ UI ที่แนบมาได้
| พร็อพเพอร์ตี้ | การปรับแต่ง | ค่าเริ่มต้น |
|---|---|---|
| ไอคอน | ใช่ | จุดขนาดใหญ่ จุดขนาดเล็ก ไอคอน |
| Padding | ไม่ | กึ่งกลางด้านบน, กึ่งกลางด้านขวา, กึ่งกลางด้านล่าง, กึ่งกลางด้านซ้าย = ปานกลาง ด้านบนซ้าย, ด้านบนขวา, ด้านล่างขวา, ด้านล่างซ้าย = 0 dp |
| การจัดข้อความ | ใช่ | TopLeft, TopCenter, TopRight, CenterLeft, CenterRight, BottomLeft, BottomCenter, BottomRight |
| การวางแนว | ใช่ | RotateToLookAtUser: จุดจะหันเข้าหาผู้ใช้ไม่ว่าจะหมุนไปในมุมใดก็ตาม |