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