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