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