เครื่องมือสำหรับเขียน
Android Studio มีฟีเจอร์ใหม่ๆ มากมายสำหรับ Jetpack Compose โดยเฉพาะ โดยใช้แนวทางแบบเน้นโค้ดเป็นหลัก ขณะที่ปรับปรุงประสิทธิภาพการทำงานของนักพัฒนาซอฟต์แวร์โดยไม่จำเป็นต้องเลือกใช้อินเทอร์เฟซการออกแบบหรือตัวแก้ไขโค้ด
ความแตกต่างพื้นฐานระหว่าง UI ที่อิงตามมุมมองและ Jetpack Compose คือ Compose ไม่ได้ใช้ View
ในการแสดงผล Composable แนวทางด้านสถาปัตยกรรมนี้ทำให้ Android Studio มีฟีเจอร์เพิ่มเติมสำหรับ Jetpack Compose โดยไม่ต้องเปิดโปรแกรมจำลองหรือเชื่อมต่อกับอุปกรณ์ เมื่อเทียบกับ Android View วิธีนี้ทำให้นักพัฒนาแอปสามารถนำการออกแบบ UI ไปใช้ได้รวดเร็วยิ่งขึ้น
หากต้องการเปิดใช้ฟีเจอร์เฉพาะของ Android Studio สำหรับ Jetpack Compose คุณจะต้องเพิ่มทรัพยากร Dependency เหล่านี้ในไฟล์ build.gradle(.kts)
ของแอปพลิเคชัน คุณจะใช้ Bill of Materials (BOM) หรือระบุทรัพยากร Dependency ทีละรายการก็ได้
ใบเรียกเก็บเงิน
val composeBom = platform("androidx.compose:compose-bom:2024.06.00") implementation(composeBom) debugImplementation("androidx.compose.ui:ui-tooling") implementation("androidx.compose.ui:ui-tooling-preview")
แต่ละรายการ
debugImplementation("androidx.compose.ui:ui-tooling:1.6.8") implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")
การออกแบบ
แสดงตัวอย่าง UI
@Preview
ช่วยให้คุณดูตัวอย่าง Composable ได้ ดูวิธีดูตัวอย่าง จัดระเบียบ และโต้ตอบกับรูปภาพ