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