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

ดาวน์โหลดและติดตั้ง 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. ในหน้าต่างเลือกเทมเพลตโปรเจ็กต์ ให้เลือกกิจกรรมว่างเปล่า แล้วคลิกถัดไป
  3. ในหน้าต่าง Configure your project ให้ทำดังนี้
    1. ตั้งค่าชื่อ ชื่อแพ็กเกจ และตำแหน่งบันทึกตามปกติ โปรดทราบว่าในเมนูแบบเลื่อนลงภาษา Kotlin เป็นตัวเลือกเดียวที่พร้อมใช้งาน เนื่องจาก Jetpack Compose ทำงานได้เฉพาะกับคลาสที่เขียนด้วย Kotlin เท่านั้น
    2. ในเมนูเมนูแบบเลื่อนลงของระดับ API ขั้นต่ำ ให้เลือกระดับ API 21 ขึ้นไป
  4. คลิกเสร็จสิ้น

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

ตั้งค่าการอ้างอิง Compose และ Compiler

ดูตั้งค่าการขึ้นต่อกันของ Compose และ Compiler

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

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

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

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

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