Jetpack Compose هي مجموعة الأدوات الحديثة لإنشاء واجهة مستخدم Android أصلية. يمكنك الانتقال إلى هذا الرابط للاطّلاع على أحدث المعلومات حول استخدام ميزة "الإنشاء".
- نظرة عامة: اطّلِع على كلّ المراجع المتاحة لمطوّري تطبيق Compose.
- الدليل التعليمي: يمكنك البدء باستخدام Compose من خلال إنشاء واجهة مستخدم بسيطة.
- الأدلة السريعة: ميزة جديدة جرِّب أدلتنا السريعة والمركّزة المصممة لمساعدتك على تحقيق هدفك في أسرع وقت ممكن.
كريم أساس
- التفكير في Compose: تعرَّف على كيفية اختلاف نهج Compose التعريفي عن النهج المستنِد إلى العرض الذي ربما استخدمته في السابق، وكيفية إنشاء نموذج ذهني للعمل مع Compose.
- إدارة الحالة: تعرَّف على كيفية ضبط الحالة واستخدامها في تطبيق Compose.
- دورة حياة العناصر القابلة للإنشاء: يمكنك التعرّف على مراحل نشاط عنصر قابل للإنشاء والطريقة التي تحدِّد بها ميزة Compose ما إذا كان يجب إعادة رسمه.
- المُعدِّلات: تعرَّف على كيفية استخدام المُعدِّلات لتحسين العناصر القابلة للتجميع أو تزيينها.
- التأثيرات الجانبية في ميزة "الإنشاء": تعرَّف على أفضل الطرق لإدارة التأثيرات الجانبية.
- مراحل Jetpack Compose: تعرَّف على الخطوات التي يتّبعها Compose لعرض واجهة المستخدم، وكيفية استخدام هذه المعلومات لكتابة رمز برمجي فعّال.
- الطبقات المعمارية: يمكنك التعرّف على الطبقات المعمارية التي تتألف منها Jetpack Compose والمبادئ الأساسية التي تستند إليها عملية التصميم.
- الأداء: تعرَّف على كيفية تجنُّب الأخطاء الشائعة في البرمجة التي يمكن أن تضرّ بأداء تطبيقك.
- الدلالات في ميزة "الإنشاء": تعرَّف على شجرة الدلالات التي تنظّم واجهة المستخدم بطريقة يمكن أن تستخدمها خدمات تسهيل الاستخدام وإطار عمل الاختبار.
- البيانات على مستوى الجهاز باستخدام CompositionLocal: تعرَّف على كيفية استخدام
CompositionLocal
لنقل البيانات من خلال التركيب.
بيئة التطوير
- "استوديو Android" مع Compose: يمكنك إعداد بيئة التطوير لاستخدام Compose.
- أدوات Compose: تعرَّف على الميزات الجديدة في "استوديو Android" لاستخدام Compose.
- Kotlin for Compose: تعرَّف على كيفية عمل تعبيرات معينة خاصة بلغة Kotlin مع Compose.
- مقارنة مقاييس Compose وView: تعرَّف على كيفية تأثير نقل البيانات إلى Compose في حجم حزمة APK لتطبيقك وأداء وقت التشغيل.
- قائمة المواد: يمكنك إدارة جميع التبعيات في Compose من خلال تحديد إصدار قائمة المواد فقط.
التصميم
- التنسيقات: تعرَّف على مكوّنات التنسيق الأصلية في تطبيق Compose وكيفية تصميم التنسيق الخاص بك.
- أساسيات التنسيق: تعرَّف على الوحدات الأساسية لواجهة مستخدم بسيطة.
- مكونات Material والتنسيقات: تعرَّف على مكونات Material والتنسيقات في تطبيق Compose.
- التنسيقات المخصّصة: تعرَّف على كيفية التحكّم في تنسيق تطبيقك وكيفية تصميم تنسيق مخصّص بنفسك.
- إتاحة استخدام أحجام شاشات مختلفة: تعرَّف على كيفية استخدام أداة Compose لإنشاء تصاميم تتكيف مع أحجام الشاشات واتجاهاتها وعوامل شكلها المختلفة.
- خطوط المحاذاة: تعرَّف على كيفية إنشاء خطوط محاذاة مخصّصة لمحاذاة عناصر واجهة المستخدم وتحديد مواضعها بدقة.
- القياسات الأساسية: بما أنّ أداة "الإنشاء" لا تسمح لك بقياس عناصر واجهة المستخدم إلا مرة واحدة في كلّ جولة، توضّح هذه الصفحة كيفية طلب معلومات عن العناصر الفرعية قبل قياسها.
- تقييد التصميم: تعرَّف على كيفية استخدام
ConstraintLayout
في واجهة مستخدم "الإنشاء".
- أنظمة التصميم: تعرَّف على كيفية تطبيق نظام تصميم ومنح تطبيقك مظهرًا وطابعًا متسقين.
- Material Design 3: تعرَّف على كيفية تنفيذ لغة التصميم Material You باستخدام Material Design 3 في Compose.
- النقل من المادة 2 إلى المادة 3: تعرَّف على كيفية نقل تطبيقك من نظام Material Design 2 إلى Material Design 3 في Compose.
- التصميم المتعدد الأبعاد 2: تعرف على كيفية تخصيص تنفيذ Material Design 2 في Compose ليناسب العلامة التجارية لمنتجك.
- أنظمة التصميم المخصّصة: تعرَّف على كيفية تنفيذ نظام تصميم مخصّص في أداة Compose، وكيفية تكييف العناصر القابلة للتجميع الحالية في Material Design للتعامل مع ذلك.
- بنية المظهر: تعرَّف على العناصر وواجهات برمجة التطبيقات ذات المستوى الأدنى التي يستخدمها
MaterialTheme
وأنظمة التصميم المخصّصة.
- القوائم والشبكات: تعرَّف على بعض خيارات Compose لإدارة قوائم البيانات وشبكاتها وعرضها.
- النص: تعرَّف على الخيارات الرئيسية في ميزة "الإنشاء" لعرض النص وتعديله.
- الرسومات: يمكنك التعرُّف على ميزات Compose لإنشاء الرسومات المخصّصة والعمل عليها.
- الحركة: تعرَّف على الخيارات المختلفة في أداة Compose لإضافة الحركة إلى عناصر واجهة المستخدم.
- الإيماءات: تعرَّف على كيفية إنشاء واجهة مستخدم لميزة "الإنشاء" ترصد إيماءات المستخدم وتتفاعل معها.
- معالجة تفاعلات المستخدمين: تعرَّف على كيفية تجميع أداة Compose للمدخلات من المستوى الأدنى في تفاعلات من المستوى الأعلى، حتى تتمكّن من تخصيص كيفية استجابة المكوّنات لإجراءات المستخدمين.
استخدام Compose
- نقل التطبيقات الحالية المستندة إلى "العرض": تعرَّف على كيفية نقل تطبيقك الحالي المستنِد إلى "العرض" إلى "الإنشاء".
- استراتيجية نقل البيانات: تعرَّف على استراتيجية إدخال Compose إلى قاعدة بياناتك بشكل تدريجي وآمن.
- واجهات برمجة التطبيقات للتشغيل التفاعلي: تعرَّف على واجهات برمجة تطبيقات Compose لمساعدتك في دمج Compose مع واجهة مستنِدة إلى العرض.
- ملاحظات أخرى: تعرَّف على ملاحظات أخرى، مثل المظهر والبنية والاختبار أثناء نقل تطبيقك المستنِد إلى View إلى Compose.
- Compose والمكتبات الأخرى: تعرَّف على كيفية استخدام المكتبات المستندة إلى العرض في محتوى Compose.
- بنية Compose: تعرَّف على كيفية تنفيذ نمط التدفق أحادي الاتجاه في Compose، وكيفية تنفيذ الأحداث وعناصر الاحتفاظ بالحالة، وكيفية العمل مع
ViewModel
في Compose. - التنقل: تعرَّف على كيفية استخدام
NavController
لدمج مكوِّن التنقل مع واجهة مستخدم "إنشاء".- التنقّل في واجهات المستخدم السريعة الاستجابة: تعرَّف على كيفية تصميم تنقّل تطبيقك ليلائم أحجام الشاشات واتجاهاتها وعوامل شكلها المختلفة.
- الموارد: يمكنك التعرّف على كيفية التعامل مع موارد التطبيق في رمز Compose.
- تسهيل الاستخدام: تعرَّف على كيفية جعل واجهة مستخدم ميزة "الإنشاء" مناسبة للمستخدمين الذين لديهم متطلبات تسهيل استخدام مختلفة.
- الاختبار: يمكنك الاطّلاع على معلومات حول اختبار رمز Compose.
- بطاقة معلومات سريعة حول الاختبار: مرجع سريع لواجهات برمجة التطبيقات المفيدة لاختبار Compose
مصادر إضافية
- البدء بالإعداد
- مسار تعليمي منظَّم
- إرشادات إنشاء واجهة برمجة التطبيقات
- مرجع واجهة برمجة التطبيقات
- دروس تطبيقية حول الترميز
- نماذج التطبيقات
- الفيديوهات
أفلام مُقترَحة لك
- ملاحظة: يظهر نص الرابط عند إيقاف JavaScript
- البيانات على النطاق المحلي باستخدام CompositionLocal
- اعتبارات أخرى
- تحليل بنية المظهر في ميزة "الإنشاء"