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