أدوات الإنشاء

يوفّر "استوديو Android" الكثير من الميزات الجديدة خصيصًا لـ Jetpack Compose. وهو يتبنى نهجًا للترميز أولاً مع تحسين إنتاجية المطورين دون الحاجة إلى الاختيار بين استخدام واجهة التصميم أو أداة تعديل الرموز.

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

لتفعيل الميزات الخاصة بـ "استوديو Android" في Jetpack Compose، عليك إضافة هذه التبعيات إلى ملف "build.gradle(.kts)" في تطبيقك. ويمكنك إما استخدام قائمة المواد (BOM) أو تحديد التبعيات بشكل فردي.

قائمة المواد

  val composeBom = platform("androidx.compose:compose-bom:2024.04.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

عرض فردي

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.1")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.1")

تصميم

إنشاء المكونات وأنظمة التصميم والشاشات لتتوافق مع مواصفات التصميم.
معلَمة المعاينة معاينة متعددة
يتيح لك التعليق التوضيحي "@Preview" معاينة العناصر القابلة للإنشاء. تعرّف على كيفية معاينتها وتنظيمها والتفاعل معها.
معاينة الصور المتحركة
يتيح لك Android Studio تصميم الصور المتحركة وفحصها باستخدام جزء "معاينة الصور المتحركة". باستخدام ذلك، يمكنك معاينة رسم متحرك إطارًا تلو الآخر والتأكد من أنه يتوافق مع السلوك المطلوب.

تطوير

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

تصحيح الأخطاء

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

أدوات إضافية

يوفر تطبيق Relay تسليمًا فوريًا لمكونات واجهة مستخدم Android بين المصممين والمطورين. يمكن للمصممين استخدام المكون الإضافي Relay for Figma لإضافة التعليقات التوضيحية وتجميع مكونات واجهة المستخدم لاستخدام المطور، بما في ذلك المعلومات حول التخطيط والنمط والمحتوى الديناميكي وسلوك التفاعل.

آخر الأخبار والفيديوهات