يسهّل 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 للتعامل مع ذلك.
- بنية المظهر: تعرَّف على العناصر الأساسية وواجهات برمجة التطبيقات التي يستخدمها
MaterialTheme
وأنظمة التصميم المخصّصة. - نقل مظاهر XML إلى ميزة "الإنشاء": تعرَّف على كيفية نقل مظاهر XML المستندة إلى "العرض" إلى ميزة "الإنشاء".
نماذج
توضِّح النماذج التالية أنظمة التصميم في Jetpack Compose:
أفلام مُقترَحة لك
- ملاحظة: يتم عرض نص الرابط عندما تكون لغة JavaScript غير مفعّلة.
- تصميم Material Design 2 في ميزة "الإنشاء"
- أنظمة التصميم المخصّصة في Compose
- تحليل بنية المظهر في ميزة "الإنشاء"