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