การเริ่มใช้งานอย่างง่าย

ดาวน์โหลดและติดตั้ง Android Studio เพื่อรับประสบการณ์การพัฒนาด้วย Compose ที่ดีที่สุด ซึ่งมีฟีเจอร์เอดิเตอร์อัจฉริยะมากมาย เช่น เทมเพลตโปรเจ็กต์ใหม่ และความสามารถในการดูตัวอย่าง UI และแอนิเมชัน Compose ได้ทันที

ดาวน์โหลด Android Studio

ทำตามวิธีการต่อไปนี้เพื่อสร้างโปรเจ็กต์แอป Compose ใหม่ ตั้งค่า Compose สำหรับโปรเจ็กต์แอปที่มีอยู่ หรือนำเข้าแอปตัวอย่างที่เขียนด้วย Compose

สร้างแอปใหม่ที่รองรับ Compose

หากต้องการเริ่มโปรเจ็กต์ใหม่ที่รวมการรองรับ Compose ไว้โดยค่าเริ่มต้น Android Studio มีเทมเพลตโปรเจ็กต์ต่างๆ ที่จะช่วยให้คุณเริ่มต้นใช้งานได้ หากต้องการสร้างโปรเจ็กต์ใหม่ที่มีการตั้งค่า Compose อย่างถูกต้อง ให้ทำดังนี้

  1. หากอยู่ในหน้าต่าง Welcome to Android Studio ให้คลิก Start a new Android Studio project หากมีโปรเจ็กต์ Android Studio เปิดอยู่แล้ว ให้เลือก File > New > New Project จากแถบเมนู
  2. ในหน้าต่าง Select a Project Template ให้เลือก Empty Activity แล้วคลิก Next
  3. ในหน้าต่าง Configure your project ให้ทำดังนี้
    1. ตั้งค่าชื่อ ชื่อแพ็กเกจ และตำแหน่งที่จะบันทึก ตามปกติ โปรดทราบว่าในเมนูแบบเลื่อนลงภาษา จะมีตัวเลือก Kotlin เพียงตัวเลือกเดียว เนื่องจาก Jetpack Compose ทำงานได้กับคลาสที่เขียนด้วย Kotlin เท่านั้น
    2. ในเมนูแบบเลื่อนลงระดับ API ขั้นต่ำ ให้เลือกระดับ API 21 ขึ้นไป
  4. คลิกเสร็จสิ้น

ตอนนี้คุณพร้อมที่จะเริ่มพัฒนาแอปโดยใช้ Jetpack Compose แล้ว ลองใช้บทแนะนำเกี่ยวกับ Jetpack Compose เพื่อช่วยให้คุณ เริ่มต้นใช้งานและเรียนรู้เกี่ยวกับสิ่งที่คุณทำได้ด้วยชุดเครื่องมือ

ตั้งค่าการอ้างอิงและคอมไพเลอร์ของ Compose

ดูตั้งค่าการอ้างอิงและคอมไพเลอร์ของ Compose

ลองใช้แอปตัวอย่าง Jetpack Compose

วิธีที่เร็วที่สุดในการทดลองใช้ความสามารถของ Jetpack Compose คือการ ลองใช้ แอปตัวอย่าง Jetpack Compose ที่โฮสต์บน GitHub หากต้องการนำเข้าโปรเจ็กต์แอปตัวอย่างจาก Android Studio ให้ทำดังนี้

  1. หากอยู่ในหน้าต่าง Welcome to Android Studio ให้เลือก Import an Android ตัวอย่างโค้ด หากมีโปรเจ็กต์ Android Studio เปิดอยู่แล้ว ให้เลือก File > New > Import Sample จากแถบเมนู
  2. พิมพ์ "compose" ในแถบค้นหาที่ด้านบนของวิซาร์ด Browse Samples
  3. เลือกแอปตัวอย่าง Jetpack Compose รายการใดรายการหนึ่งจากผลการค้นหา แล้วคลิก Next
  4. เปลี่ยนชื่อแอปพลิเคชัน และตำแหน่งโปรเจ็กต์ หรือใช้ค่าเริ่มต้น
  5. คลิกเสร็จสิ้น

Android Studio จะดาวน์โหลดแอปตัวอย่างไปยังเส้นทางที่คุณระบุและเปิดโปรเจ็กต์ จากนั้นคุณจะตรวจสอบ MainActivity.kt ในแต่ละตัวอย่างเพื่อดู API ของ Jetpack Compose เช่น แอนิเมชัน Crossfade, คอมโพเนนต์ที่กำหนดเอง, การใช้การจัดรูปแบบตัวอักษร และการแสดงสีอ่อนและสีเข้มในการแสดงตัวอย่างใน IDE

หากต้องการใช้ Jetpack Compose สำหรับ Wear OS โปรดดู ตั้งค่า Jetpack Compose บน Wear OS