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