إنشاء حزم واجهة المستخدم

حزم واجهة المستخدم في Figma

حِزم واجهة المستخدم تحدِّد نموذجًا مشتركًا لمكوّنات واجهة المستخدم على Android. يتم إنشاء حزم واجهة المستخدم داخل Figma وتُستخدم لإنشاء تعليمات برمجية Compose للإنتاج في Android Studio. تحتوي حزمة واجهة المستخدم على المعلومات التالية:

  • معلومات التصميم
  • ملخص حزمة واجهة المستخدم
  • مَعلمات المحتوى والتفاعل
  • معلومات عن التصميم
  • مواد عرض الخطوط والصور

إنشاء حزمة واجهة المستخدم

إضافة ملخص إلى حزمة واجهة المستخدم

لإنشاء حزمة واجهة المستخدم باستخدام المكون الإضافي Relay for Figma:

  1. افتح المكوّن الإضافي وانقر على البدء.
  2. حدد مكون Figma الذي تريد حزمه.
  3. انقر على إنشاء حزمة واجهة المستخدم.

لإنشاء حزم واجهة مستخدم متعددة في الوقت نفسه:

  1. حدد واحدًا أو أكثر من مكونات Figma.
  2. انقر على إنشاء حزم واجهة المستخدم. يؤدي هذا إلى إنشاء حزمة واجهة مستخدم لكل مكون محدد.

يمكنك أيضًا إعادة هيكلة عناصر حزمة واجهة المستخدم الحالية إلى حزم جديدة:

  1. حدد طبقة إطار أو مكون في حزمة واجهة المستخدم الحالية.
  2. انقر على رمز القائمة.
  3. اختَر إنشاء حزمة واجهة المستخدم من التحديد".

بعد استيراد حزمة واجهة المستخدم إلى "استوديو Android"، ينشئ تطبيق Relay رمزًا عند إنشاء مشروع Android.

إضافة ملخّص

ترحيل لـ Figma مع تحديد مكون

بعد الإنشاء، يظهر حقل نصي حتى تتمكن من إضافة ملخص إلى حزمة واجهة المستخدم. يظهر الملخص ككتلة تعليقات فوق الدالة القابلة للإنشاء المقابلة في التعليمات البرمجية التي تم إنشاؤها.

يمكنك أيضًا تعديل الملخّص لاحقًا:

  1. اختَر ملخّص.
  2. عدِّل الملخّص في حقل النص.

إزالة حزمة واجهة المستخدم

انقر على رمز القائمة ثم على إزالة حزمة المحتوى. يؤدي هذا إلى حذف جميع بيانات تعريف الترحيل ولكنه لا يحذف المكون في Figma.

خيار "إزالة الحزمة" في المكون الإضافي