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

‫Jetpack Compose هي مجموعة الأدوات الحديثة لإنشاء واجهة مستخدم أصلية على Android. يمكنك الانتقال إلى هذا الرابط للاطّلاع على أحدث المعلومات حول استخدام ميزة "الإنشاء".

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

الأساس

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

بيئة التطوير

  • "استوديو Android" مع Compose: يمكنك إعداد بيئة التطوير لاستخدام Compose.
  • أدوات Compose: تعرَّف على الميزات الجديدة في "استوديو Android" لاستخدام Compose.
  • Kotlin لـ Compose: تعرَّف على آلية عمل بعض المصطلحات الخاصة بلغة Kotlin مع Compose.
  • مقارنة مقاييس Compose وView: تعرَّف على كيفية تأثير نقل البيانات إلى Compose في حجم حزمة APK لتطبيقك وأداء وقت التشغيل.
  • قائمة المواد: يمكنك إدارة جميع التبعيات في Compose من خلال تحديد إصدار قائمة المواد فقط.

التصميم

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

مصادر إضافية