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