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