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 من خلال تحديد إصدار قائمة المواد فقط.
تصميم
- التخطيطات: كيفية إنشاء مكونات التخطيط وتصميم تخطيطاتك الخاصة
- أساسيات التصميم: هي العناصر الأساسية لإنشاء واجهة مستخدم بسيطة للتطبيق.
- مكوّنات وتصميمات Material: مكوّنات وتصميمات Material في Compose
- التنسيقات المخصّصة: يمكنك التحكّم في تنسيق تطبيقك وتصميم تنسيق مخصّص خاص بك.
- خطوط المحاذاة: يمكنك إنشاء أدلة محاذاة مخصّصة لمحاذاة عناصر واجهة المستخدم وتحديد موضعها بدقة.
- القياسات الجوهرية: كيفية طلب معلومات عن العناصر الفرعية قبل قياسها، لأنّ Compose يقيس عناصر واجهة المستخدم مرة واحدة فقط في كل عملية.
- ConstraintLayout: استخدِم
ConstraintLayoutفي واجهة مستخدم Compose.
- أنظمة التصميم: استخدِم نظام تصميم لمنح تطبيقك مظهرًا وأسلوبًا متسقَين.
- التصميم المتعدد الأبعاد 3: يمكنك تنفيذ Material You باستخدام عملية تنفيذ التصميم المتعدد الأبعاد 3 في Compose.
- نقل البيانات من 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، وتنفيذ الأحداث وعناصر الاحتفاظ بالحالة، واستخدام
ViewModelفي Compose. - التنقّل: استخدِم
NavControllerلدمج مكوّن التنقّل مع واجهة مستخدم Compose. - الموارد: يمكنك استخدام موارد تطبيقك في رمز Compose.
- تسهيل الاستخدام: استيعاب المستخدمين الذين لديهم متطلبات تسهيل الاستخدام
- الاختبار: اختبِر رمز Compose.
- ورقة الغش الخاصة بالاختبار: مرجع سريع لواجهات برمجة التطبيقات المفيدة لاختبار Compose.
مراجع إضافية
- بدء عملية الإعداد
- مسار التعلّم المنظَّم
- إرشادات Compose API
- مرجع واجهة برمجة تطبيقات
- Codelabs
- تطبيقات نموذجية
- الفيديوهات
مُقترَحة لك
- ملاحظة: يتم عرض نص الرابط عندما تكون JavaScript غير مفعّلة
- البيانات ذات النطاق المحلي باستخدام CompositionLocal
- اعتبارات أخرى
- بنية المظهر في Compose