เครื่องมือสำหรับเขียน

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")

การออกแบบ

สร้างส่วนประกอบ ระบบการออกแบบ และหน้าจอให้สอดคล้องกับข้อมูลจำเพาะของการออกแบบ
พารามิเตอร์ตัวอย่าง หลายตัวอย่าง
คำอธิบายประกอบ @Preview ช่วยให้คุณดูตัวอย่าง Composable ได้ ดูวิธีดูตัวอย่าง จัดระเบียบ และโต้ตอบกับรูปภาพ
พรีวิวภาพเคลื่อนไหว
Android Studio ให้คุณออกแบบและตรวจสอบภาพเคลื่อนไหวโดยใช้แผงแสดงตัวอย่างภาพเคลื่อนไหวได้ วิธีนี้ทำให้คุณดูตัวอย่างภาพเคลื่อนไหวทีละเฟรมและตรวจสอบว่าสอดคล้องกับลักษณะการทำงานที่จำเป็น

การพัฒนา

เร่งการสร้าง UI และทดสอบแอปพลิเคชันที่ทำงานอยู่โดยมีการเปลี่ยนบริบทน้อยลง
การแก้ไขสด
ดูวิธีใช้การแก้ไขสดและนำการเปลี่ยนแปลงไปใช้เพื่อหลีกเลี่ยงการสร้างเวอร์ชันเต็มและเร่งกระบวนการพัฒนา
เทมเพลตพร้อมใช้ ไอคอนรางน้ำ
ดูวิธีใช้ฟีเจอร์ต่างๆ ภายในหน้าต่างเครื่องมือแก้ไขของ Android Studio เพื่อเพิ่มประสิทธิภาพการทำงาน

แก้ไขข้อบกพร่อง

แก้ไขข้อบกพร่องของ Compose UI เพื่อทำความเข้าใจแอปของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับการวิเคราะห์เลย์เอาต์ การจัดองค์ประกอบใหม่ และการติดตามองค์ประกอบเพื่อปรับปรุงประสิทธิภาพ UI ของแอป
จำนวนการจัดองค์ประกอบใหม่ อรรถศาสตร์
ดูวิธีตรวจสอบเลย์เอาต์ "เขียน" ในโปรแกรมจำลองหรืออุปกรณ์จริง
ติดตามระบบ
ใช้การติดตามองค์ประกอบเพื่อติดตามฟังก์ชันที่ประกอบกันได้ในการติดตามระบบ

เครื่องมือเพิ่มเติม

Relay มอบการส่งต่อคอมโพเนนต์ UI ของ Android ระหว่างนักออกแบบและนักพัฒนาซอฟต์แวร์โดยทันที นักออกแบบสามารถใช้ปลั๊กอิน Relay for Figma เพื่อใส่คำอธิบายประกอบและจัดแพ็กเกจคอมโพเนนต์ UI ให้นักพัฒนาซอฟต์แวร์ใช้งาน รวมถึงข้อมูลเกี่ยวกับเลย์เอาต์ การจัดรูปแบบ เนื้อหาแบบไดนามิก และพฤติกรรมการโต้ตอบ

ข่าวสารและวิดีโอล่าสุด