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 แบบวิวเบสไปยัง Compose
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงระบบการออกแบบใน Jetpack Compose
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- Material Design 2 ใน Compose
- ระบบการออกแบบที่กำหนดเองใน Compose
- องค์ประกอบของธีมใน Compose