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