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