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