Android Studio มีชุดเครื่องมือที่จะช่วยเร่งการออกแบบ UI โดยใช้ไลบรารี Jetpack Compose คุณเริ่มต้นใช้งานเครื่องมือเหล่านั้นได้โดยเพิ่มทรัพยากร Dependency ที่จำเป็นลงในไฟล์ Gradle ผ่านใบรายการวัสดุ (BOM) ก่อน
คู่มือเริ่มต้นฉบับย่อ
เพิ่ม BOM ของ Compose และไลบรารีที่ต้องพึ่งพาโดยใช้คู่มือเริ่มต้นใช้งานฉบับย่อ
เครื่องมือสำหรับการออกแบบ UI
สร้างคอมโพเนนต์ ระบบการออกแบบ และหน้าจอให้สอดคล้องกับข้อกำหนดการออกแบบ
- UI แสดงตัวอย่าง: แสดงตัวอย่าง จัดระเบียบ และโต้ตอบกับคอมโพสิเบิล
- แสดงตัวอย่างภาพเคลื่อนไหว: ตรวจสอบ แก้ไขข้อบกพร่อง และแสดงตัวอย่างภาพเคลื่อนไหวทีละเฟรม
เครื่องมือสำหรับพัฒนาและทดสอบ UI
เร่งการสร้าง UI และทดสอบแอปพลิเคชันที่ทำงานอยู่ด้วยการสลับบริบทน้อยลง
- การแก้ไขแบบเรียลไทม์: ใช้การเปลี่ยนแปลงและดูการเปลี่ยนแปลงแบบเรียลไทม์โดยไม่ต้องสร้างเวอร์ชันเต็ม
- การดำเนินการในเครื่องมือแก้ไข: ใช้เทมเพลต ไอคอนระยะขอบ และอื่นๆ ในหน้าต่างเครื่องมือแก้ไขของ Android Studio
เครื่องมือสำหรับการแก้ไขข้อบกพร่อง UI
วิเคราะห์เลย์เอาต์ การจัดองค์ประกอบใหม่ และการติดตามองค์ประกอบเพื่อปรับปรุงประสิทธิภาพ UI ของแอป
- เครื่องมือตรวจสอบเลย์เอาต์: ตรวจสอบเลย์เอาต์ Compose ในโปรแกรมจำลองหรืออุปกรณ์จริง
- การตรวจสอบ UI ของ Compose: ตรวจสอบ UI ของ Compose เพื่อหาปัญหาการช่วยเหลือพิเศษและการปรับเปลี่ยน
- การติดตามการคอมโพสิชัน: ติดตามฟังก์ชันที่คอมโพสิชันได้ในการติดตามระบบ
เครื่องมือสำหรับย้ายคอมโพเนนต์ UI จากการออกแบบไปยังการเขียนโค้ด
- Relay สำหรับ Android Studio: มอบหมายคอมโพเนนต์ UI ของ Android ระหว่างนักออกแบบและนักพัฒนาซอฟต์แวร์ได้ทันที นักออกแบบสามารถแพ็กเกจคอมโพเนนต์ UI พร้อมข้อมูลเกี่ยวกับเลย์เอาต์ การจัดรูปแบบ เนื้อหาแบบไดนามิก และลักษณะการโต้ตอบ นักพัฒนาแอปสามารถนำเข้าแพ็กเกจเหล่านั้นและแปลงเป็นโค้ด Jetpack Compose