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