Jetpack Compose เป็นชุดเครื่องมือสมัยใหม่สำหรับการสร้าง UI ที่ใช้กับ Android โดยเฉพาะ คุณจะดูข้อมูลล่าสุดเกี่ยวกับการใช้เครื่องมือเขียนได้ที่นี่
- ภาพรวม: ดูทรัพยากรทั้งหมดที่นักพัฒนาซอฟต์แวร์ Compose
- บทแนะนำ: เริ่มต้นใช้งาน Compose โดยใช้ Compose เพื่อสร้าง UI ง่ายๆ
- คู่มือฉบับย่อ: ใหม่ ลองใช้คู่มือที่กระชับและตรงประเด็นซึ่งออกแบบมาเพื่อช่วยให้คุณบรรลุเป้าหมายได้เร็วที่สุด
มูลนิธิ
- การคิดใน Compose: ดูว่าแนวทางแบบประกาศของ Compose แตกต่างจากแนวทางแบบมุมมองที่คุณอาจเคยใช้ก่อนหน้านี้อย่างไร และวิธีสร้างแบบจำลองการทำงานกับ Compose
- การจัดการสถานะ: ดูข้อมูลเกี่ยวกับการตั้งค่าและใช้สถานะในแอป Compose
- วงจรชีวิตของคอมโพสิเบิล: ดูข้อมูลเกี่ยวกับวงจรชีวิตของคอมโพสิเบิล และวิธีที่ Compose ตัดสินใจว่าต้องวาดใหม่หรือไม่
- ตัวแก้ไข: ดูวิธีใช้ตัวแก้ไขเพื่อเพิ่มหรือตกแต่งคอมโพสิเบิล
- ผลข้างเคียงใน Compose: ดูวิธีที่ดีที่สุดในการจัดการผลข้างเคียง
- ระยะของการเขียนใน Jetpack: ดูข้อมูลเกี่ยวกับขั้นตอนที่ Compose ใช้ในการแสดงผล UI และวิธีใช้ข้อมูลนี้เพื่อเขียนโค้ดที่มีประสิทธิภาพ
- เลเยอร์สถาปัตยกรรม: ดูข้อมูลเกี่ยวกับเลเยอร์สถาปัตยกรรมที่ประกอบขึ้นเป็น Jetpack Compose และหลักการหลักที่นำมาใช้ในการออกแบบ
- ประสิทธิภาพ: ดูวิธีหลีกเลี่ยงข้อผิดพลาดที่พบได้ทั่วไปในการเขียนโปรแกรมซึ่งอาจส่งผลเสียต่อประสิทธิภาพของแอป
- Semantics ใน Compose: ดูข้อมูลเกี่ยวกับต้นไม้ Semantics ซึ่งจัดระเบียบ UI ในลักษณะที่บริการการช่วยเหลือพิเศษและเฟรมเวิร์กการทดสอบใช้ได้
- ข้อมูลระดับที่จำกัดในพื้นที่ด้วย CompositionLocal: ดูวิธีใช้
CompositionLocal
เพื่อส่งผ่านข้อมูลผ่าน Composition
สภาพแวดล้อมการพัฒนา
- Android Studio ที่มี Compose: ตั้งค่าสภาพแวดล้อมการพัฒนาเพื่อใช้ Compose
- เครื่องมือสำหรับเขียน: ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ของ Android Studio ที่จะรองรับการเขียน
- Kotlin สำหรับ Compose: ดูว่านิพจน์บางอย่างของ Kotlin ทำงานร่วมกับ Compose อย่างไร
- เปรียบเทียบเมตริกการเขียนและการดู: เรียนรู้ว่าการย้ายข้อมูลไปยัง Compose จะส่งผลต่อขนาด APK และประสิทธิภาพรันไทม์ของแอปอย่างไร
- Bill of Materials: จัดการการอ้างอิง Compose ทั้งหมดโดยระบุเฉพาะเวอร์ชันของ BOM
การออกแบบ
- เลย์เอาต์: ดูข้อมูลเกี่ยวกับคอมโพเนนต์เลย์เอาต์เนทีฟของ Compose และวิธีออกแบบเลย์เอาต์ของคุณเอง
- พื้นฐานเกี่ยวกับเลย์เอาต์: เรียนรู้เกี่ยวกับองค์ประกอบพื้นฐานสำหรับ UI ของแอปที่ไม่ซับซ้อน
- คอมโพเนนต์และเลย์เอาต์ของ Material: ดูข้อมูลเกี่ยวกับคอมโพเนนต์และเลย์เอาต์ของ Material ใน Compose
- เลย์เอาต์ที่กำหนดเอง: ดูวิธีควบคุมเลย์เอาต์ของแอปและวิธีออกแบบเลย์เอาต์ที่กำหนดเอง
- รองรับหน้าจอขนาดต่างๆ: เรียนรู้วิธีใช้ฟีเจอร์ Compose เพื่อสร้างเลย์เอาต์ที่ปรับให้เข้ากับขนาดหน้าจอ การวางแนว และรูปแบบของอุปกรณ์ต่างๆ
- เส้นการจัดตำแหน่ง: ดูวิธีสร้างเส้นการจัดตำแหน่งที่กำหนดเองเพื่อจัดตำแหน่งและวางองค์ประกอบ UI อย่างแม่นยำ
- การวัดค่าในตัว: เนื่องจาก Compose ให้คุณวัดองค์ประกอบ UI ได้เพียงครั้งเดียวต่อรอบ หน้านี้จะอธิบายวิธีค้นหาข้อมูลเกี่ยวกับองค์ประกอบย่อยก่อนที่จะวัด
- ConstraintLayout: ดูวิธีใช้
ConstraintLayout
ใน Compose UI
- ระบบการออกแบบ: ดูวิธีใช้ระบบการออกแบบและทำให้แอปมีรูปลักษณ์ที่สอดคล้องกัน
- Material Design 3: ดูวิธีใช้ Material You ด้วยการนำ Material Design 3 ไปใช้กับ Compose
- การย้ายข้อมูลจาก Material 2 ไปยัง Material 3: ดูวิธีย้ายแอปจาก Material Design 2 ไปยัง Material Design 3 ใน Compose
- Material Design 2: ดูวิธีปรับแต่งการใช้งาน Material Design 2 ของ Compose ให้เหมาะกับแบรนด์ของผลิตภัณฑ์
- ระบบการออกแบบที่กำหนดเอง: เรียนรู้วิธีนำระบบการออกแบบที่กำหนดเองไปใช้ใน Compose และวิธีปรับใช้ Composable ของดีไซน์ Material ที่มีอยู่เพื่อจัดการกับเรื่องนี้
- โครงสร้างของธีม: เรียนรู้เกี่ยวกับโครงสร้างและ API ระดับล่างที่
MaterialTheme
และระบบการออกแบบที่กำหนดเองใช้
- รายการและตารางกริด: ดูข้อมูลเกี่ยวกับตัวเลือกบางส่วนของ Compose สําหรับการจัดการและแสดงรายการและตารางกริดของข้อมูล
- ข้อความ: ดูข้อมูลเกี่ยวกับตัวเลือกหลักของเครื่องมือเขียนสำหรับแสดงและแก้ไขข้อความ
- กราฟิก: ดูข้อมูลเกี่ยวกับฟีเจอร์ของ Compose สำหรับการสร้างและใช้งานกราฟิกที่กำหนดเอง
- ภาพเคลื่อนไหว: ดูข้อมูลเกี่ยวกับตัวเลือกต่างๆ ของ Compose สำหรับการสร้างภาพเคลื่อนไหวขององค์ประกอบ UI
- ท่าทางสัมผัส: ดูวิธีสร้าง UI ของ Compose ที่ตรวจจับและโต้ตอบกับท่าทางสัมผัสของผู้ใช้
- การจัดการการโต้ตอบของผู้ใช้: ดูวิธีที่คอมโพสิชันสรุปอินพุตระดับล่างเป็นการโต้ตอบระดับสูงขึ้นเพื่อให้คุณปรับแต่งวิธีที่คอมโพเนนต์ตอบสนองต่อการกระทำของผู้ใช้ได้
การนำ Compose ไปใช้
- ย้ายข้อมูลแอปแบบมุมมองที่มีอยู่: ดูวิธีย้ายข้อมูลแอปแบบมุมมองที่มีอยู่ไปยัง Compose
- กลยุทธ์การย้ายข้อมูล: ดูกลยุทธ์ในการนํา Compose ไปใช้ในโค้ดเบสอย่างปลอดภัยและค่อยเป็นค่อยไป
- API ความสามารถในการทำงานร่วมกัน: ดูข้อมูลเกี่ยวกับ API ของ Compose เพื่อช่วยคุณในการรวม Compose กับ UI ที่อิงตามการดู
- ข้อควรพิจารณาอื่นๆ: ดูข้อมูลเกี่ยวกับข้อควรพิจารณาอื่นๆ เช่น ธีม สถาปัตยกรรม และการทดสอบขณะย้ายข้อมูลแอปแบบ View ไปยัง Compose
- Compose และไลบรารีอื่นๆ: ดูวิธีใช้ไลบรารีแบบมุมมองในเนื้อหา Compose
- สถาปัตยกรรม Compose: ดูวิธีใช้รูปแบบการไหลแบบทิศทางเดียวใน Compose, วิธีใช้เหตุการณ์และผู้เก็บสถานะ และวิธีใช้
ViewModel
ใน Compose - การนำทาง: ดูวิธีใช้
NavController
เพื่อผสานรวมคอมโพเนนต์การนำทางกับ UI ของการเขียน- การนําทางสําหรับ UI ที่ปรับเปลี่ยนตามอุปกรณ์: ดูวิธีออกแบบการนําทางของแอปให้ปรับขนาด การวางแนว และรูปแบบของหน้าจอได้
- ทรัพยากร: ดูวิธีใช้ทรัพยากรของแอปในโค้ด Compose
- การช่วยเหลือพิเศษ: ดูวิธีทําให้ UI ของ Compose เหมาะกับผู้ใช้ที่มีข้อกําหนดด้านการช่วยเหลือพิเศษที่แตกต่างกัน
- การทดสอบ: ดูข้อมูลเกี่ยวกับการทดสอบโค้ด Compose
- เคล็ดลับการทดสอบ: ข้อมูลอ้างอิงสั้นๆ เกี่ยวกับ API การทดสอบ Compose ที่มีประโยชน์
แหล่งข้อมูลเพิ่มเติม
- ตั้งค่า
- เส้นทางการเรียนรู้ที่มีการดูแลจัดการ
- หลักเกณฑ์ของ Compose API
- ข้อมูลอ้างอิง API
- Codelabs
- ตัวอย่างแอป
- วิดีโอ
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- ข้อมูลระดับที่กําหนดในเครื่องด้วย CompositionLocal
- ข้อควรพิจารณาอื่นๆ
- องค์ประกอบของธีมใน "เขียน"