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