بدء استخدام Jetpack Compose

Jetpack Compose هي مجموعة الأدوات الحديثة المخصّصة لتصميم واجهة مستخدم Android الأصلية. يمكنك هنا العثور على أحدث المعلومات حول استخدام ميزة Compose.

  • نظرة عامة: يمكنك الاطّلاع على جميع الموارد المتاحة لمطوّري البرامج Compose.
  • برنامج تعليمي: يمكنك بدء استخدام ComposeAllowed لإنشاء واجهة مستخدم بسيطة.

لكريم الأساس

  • التفكير في Compose: تعرَّف على أوجه الاختلاف بين نهج Compose ووجهة نظرك في أسلوب العرض، وطريقة إنشاء نموذج عقلي للعمل باستخدام Compose.
  • إدارة الحالة: تعرَّف على معلومات حول إعداد الحالة واستخدامها في تطبيق Compose.
  • دورة حياة العناصر القابلة للإنشاء: تعرَّف على مراحل نشاط العنصر القابل للإنشاء وكيف يحدّد Compose ما إذا كان يجب إعادة رسمه.
  • المعدِّلات: تعرَّف على كيفية استخدام المعدّلات لزيادة العناصر القابلة للإنشاء أو تزيينها.
  • التأثيرات الجانبية في Compose: يمكنك التعرّف على أفضل الطرق لإدارة الآثار الجانبية.
  • مراحل Jetpack Compose: تعرّف على الخطوات التي تمر بها الكتابة في عرض واجهة المستخدم، وكيفية استخدام هذه المعلومات لكتابة رمز فعال
  • الطبقات المعمارية: تعرَّف على الطبقات المعمارية التي يتكوّن منها Jetpack Compose، والمبادئ الأساسية التي ساهمت في تصميمه.
  • الأداء: تعرَّف على كيفية تجنُّب أخطاء البرمجة الشائعة التي يمكن أن تضرّ بأداء تطبيقك.
  • الدلالات في Compose: تعرَّف على شجرة دلالات الدلالات التي تنظّم واجهة المستخدم بطريقة يمكن استخدامها من خلال خدمات تسهيل الاستخدام وإطار عمل الاختبار.
  • البيانات المحلية على مستوى الموقع الإلكتروني باستخدام TechnicalLocal: التعرّف على كيفية استخدام السمة CompositionLocal لتمرير البيانات من خلال "مقطوعة موسيقية"

بيئة تطوير

التصميم

  • التنسيقات: تعرَّف على مكوِّنات التنسيق الأصلي في 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 من المدخلات المنخفضة المستوى في التفاعلات ذات المستوى الأعلى، حتى تتمكّن من تخصيص كيفية استجابة المكونات لإجراءات المستخدم.

استخدام ميزة "الكتابة"

مراجع إضافية