Jetpack Compose ช่วยให้คุณใช้ระบบการออกแบบและมอบรูปลักษณ์ที่สอดคล้องกันให้กับแอปได้ง่ายๆ ด้วยการกำหนดธีม คอมโพเนนต์ และอื่นๆ
หน้าต่อไปนี้จะให้รายละเอียดเกี่ยวกับวิธีออกแบบและใช้ระบบการออกแบบ
- Material Design 3: ดูวิธีใช้ระบบการออกแบบของ Google เพื่อสร้างผลิตภัณฑ์ใน Compose
- การย้ายข้อมูลจาก Material 2 ไปยัง Material 3: ดูวิธีย้ายข้อมูลแอปจาก Material Design 2 ไปยัง Material Design 3 ใน Compose
- ระบบการออกแบบที่กำหนดเอง: ดูวิธีติดตั้งใช้งานระบบการออกแบบที่กำหนดเองใน Compose และวิธีปรับ Composable ของ Material Design ที่มีอยู่เพื่อรองรับระบบนี้
- โครงสร้างของธีม: ดูข้อมูลเกี่ยวกับโครงสร้างและ API ระดับล่างที่ใช้โดย
MaterialTheme
และระบบการออกแบบที่กำหนดเอง - การย้ายข้อมูลธีม XML ไปยัง Compose: ดูวิธีย้ายข้อมูลธีม XML ที่อิงตาม View ไปยัง Compose
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงระบบการออกแบบใน Jetpack Compose
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- Material Design 2 ใน Compose
- ระบบการออกแบบที่กำหนดเองใน Compose
- องค์ประกอบของธีมในฟีเจอร์เขียน