Jetpack Compose Glimmer คือชุดเครื่องมือ UI สำหรับสร้างประสบการณ์การใช้งานที่สมบูรณ์และเป็นธรรมชาติ สำหรับแว่นตา AI ที่แสดงผล ขณะพัฒนา Glimmer UI ของ Jetpack Compose ให้ใช้ตัวอย่างที่ใช้ Composable เพื่อแสดงภาพและทำซ้ำการออกแบบได้อย่างรวดเร็วและ มีประสิทธิภาพ ตัวอย่างที่ประกอบได้ช่วยให้คุณแสดงผลแบบสดและแบบอินเทอร์แอกทีฟของคอมโพเนนต์ UI ของ Jetpack Compose Glimmer ได้โดยตรงภายใน Android Studio การแสดงตัวอย่างเหล่านี้ช่วยให้คุณไม่ต้องสร้างและเรียกใช้แอปบน โปรแกรมจำลองหรืออุปกรณ์จริงอย่างต่อเนื่องสำหรับการเปลี่ยนแปลง UI เล็กๆ น้อยๆ ทุกครั้ง ซึ่งจะช่วยเร่งรอบการพัฒนาของคุณได้อย่างมาก
ดูตัวอย่างคอมโพเนนต์ UI ของ Jetpack Compose Glimmer
- เปิดโปรเจ็กต์ XR ใน Android Studio เวอร์ชัน Canary ล่าสุด
- ตรวจสอบว่าฟังก์ชันที่ใช้ร่วมกันได้มีคำอธิบายประกอบด้วย
@Preview ในมุมมองโค้ด ให้คลิก เครื่องมือเลือกการกำหนดค่าตัวอย่างสำหรับฟังก์ชันที่ใช้ร่วมกันได้
เลือกแว่นตา AI จากเมนูแบบเลื่อนลงอุปกรณ์
ซึ่งจะปรับพื้นผิวตัวอย่างให้ตรงกับความละเอียดและสัดส่วนภาพที่ไม่ซ้ำกันของจอแสดงผลแว่นตา AI
เลือกมุมมองออกแบบหรือแยกเพื่อดูตัวอย่าง
ปรับสภาพแวดล้อมในการแสดงตัวอย่าง
แว่นตาใช้จอแสดงผลแบบโปร่งใส ลักษณะนี้หมายความว่า จอแสดงผลจะเพิ่มได้เฉพาะแสงเท่านั้น แต่ไม่สามารถสร้างสีดำได้ ในจอแสดงผลแบบบวก สีดำไม่ใช่สี แต่จะปรากฏเป็นโปร่งใส 100% ตัวอย่างการเขียนช่วยให้คุณเห็นภาพคร่าวๆ ที่ช่วยให้เข้าใจลักษณะการทำงานของ UI ในสภาพแวดล้อมการดูต่างๆ
หากต้องการจำลองสภาพแวดล้อมการรับชมที่แตกต่างกัน ให้คลิกไอคอนสภาพแวดล้อมในแถบเครื่องมือของแผงแสดงตัวอย่าง ลองใช้ตัวเลือกพื้นหลังต่างๆ (เช่น สว่าง มืด หรือไม่ว่าง) เพื่อตรวจสอบว่าข้อความและคอมโพเนนต์มีความคมชัด และมองเห็นได้ชัดเจนหรือไม่