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.
- الترحيل من Material 2 إلى Material 3: يمكنك ترحيل تطبيقك من Material Design 2 إلى Material Design 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