สีใน Jetpack Compose Glimmer

อุปกรณ์ XR ที่รองรับ
คำแนะนำนี้จะช่วยคุณสร้างประสบการณ์การใช้งานสำหรับอุปกรณ์ XR ประเภทนี้
Display Glasses

ใน Glimmer ของ Jetpack Compose ระบบสีได้รับการออกแบบมาสำหรับจอแสดงผลแบบเสริม และสภาพแวดล้อมจริง Colors ใน GlimmerThemeจะให้ความสำคัญกับพื้นหลังสีเข้มที่มีความโปร่งใสบางส่วนและสีสันสดใส เพื่อให้มั่นใจว่าเนื้อหาจะอ่านได้ภายใต้แสงไฟในโลกแห่งความเป็นจริงที่คาดเดาไม่ได้ ซึ่งแตกต่างจากธีม Android มาตรฐาน

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

รูปที่ 1 ภาพรวมของสีในธีม Glimmer ของ Jetpack Compose

โปรดทราบว่าสี "On ..." เช่น On Surface จะไม่แสดงผ่าน GlimmerTheme ระบบจะคำนวณสีเหล่านี้โดยอัตโนมัติตามสีพื้นหลัง

อย่างไรก็ตาม สีอื่นๆ จะแสดงผ่าน GlimmerTheme.colors โดยมี ค่าสำหรับบทบาทสีแต่ละบทบาทตามที่อธิบายไว้ในตารางต่อไปนี้

บทบาทของสี

ค่าเริ่มต้น

หลัก

#79ACFE

รอง

#4C88E9

ในแง่ดี

#58FFA5

ที่ไม่ต้องการ

#FF8981

พื้นหลัง

Color.Black

แพลตฟอร์ม

#303030

outline

#CBC9C8

outlineVariant

#42434A

โปรดทราบว่าแม้ว่า background, surface, outline และ outlineVariant จะมีการทำเครื่องหมายว่าปรับแต่งได้ แต่เราขอแนะนำอย่างยิ่งว่าคุณไม่ควร ปรับแต่งค่าเหล่านี้