يعد تطوير تطبيقات الهاتف المحمول لنظام التشغيل أندرويد مجالا عاجلا ومطلوبا للبرمجة. في عملية إنشاء تطبيق ، تحتاج إلى الوصول إلى التصميم ، والذي يمكن تحويله إلى رمز. برنامج فيغما يسمح لك لأداء مريح وكفاءة مهام المصمم والمطور. ومع ذلك ، من أجل تصدير تصميم بنجاح من فيغما إلى الروبوت ، يجب اتباع خطوات معينة.
الخطوة الأولى هي تنظيم التصميم بعناية في فيجما. جميع عناصر التطبيق ، مثل الأزرار وحقول النص والرموز وما إلى ذلك.، يجب تقسيمها إلى شاشات وطبقات منفصلة. من المهم أيضا تجميع العناصر لسهولة التصدير. لتبسيط العمل اللاحق ، يوصى بتعيين الأسماء مسبقا للطبقات والمجموعات.
الخطوة الثانية هي تصدير العناصر لالروبوت. في فيجما ، من الممكن تصدير العناصر الفردية إلى تنسيقات مختلفة. للتصدير إلى الروبوت ، تحتاج إلى تحديد تنسيق تصدير خاص-سفغ (رسومات ناقلات قابلة للتطوير). باستخدام هذا التنسيق ، سيتمكن المطور من تكييف العناصر بسهولة مع شاشات مختلفة من الأجهزة المحمولة.
الخطوة الثالثة هي استيراد العناصر إلى مشروع استوديو أندرويد. بعد تصدير العناصر من فيغما في شكل سفغ ، يجب إضافتها إلى المشروع. للقيام بذلك ، افتح المشروع في الروبوت ستوديو ، انتقل إلى النشاط المطلوب أو جزء ، واسحب ملفات سفغ إلى المجلد ريس/دراوابل. بعد ذلك ، يمكن استخدام العناصر في رمز التطبيق.
باتباع هذه الخطوات الثلاث البسيطة ، يمكنك تصدير تصميم بنجاح من فيجما إلى أندرويد وتبسيط عمل المصمم والمطور. هذه العملية يقلل من الوقت الذي يقضيه في تكييف التصميم لالروبوت ويحسن إنتاجية فريق التطوير. نتيجة لذلك ، سيكون لتطبيق الهاتف المحمول مظهر حديث وجمالي يلبي متطلبات المستخدمين.
- كيف يمكنني تصدير تصميم من فيجما?
- اختيار تخطيط
- إعدادات التصدير
- تنزيل الموارد
- إعداد تصميم لالروبوت
- استيراد إلى الروبوت ستوديو
كيف يمكنني تصدير تصميم من فيجما?
الخطوة 1:
افتح مشروعك في فيجما وحدد اللوحة التي تحتاجها (لوح الرسم).
الخطوة 2:
حدد عنصر التصميم المطلوب الذي تريد تصديره.
الخطوة 3:
انقر بزر الماوس الأيمن على العنصر المحدد وحدد"تصدير".
الخطوة 4:
حدد إعدادات التصدير التي تحتاجها ، مثل تنسيق الملف وحجمه ودقته. انقر فوق "تصدير" للمتابعة.
الخطوة 5:
احفظ الملف الذي تم تصديره في المجلد الذي تريده على جهاز الكمبيوتر الخاص بك.
الآن يمكنك استخدام تصميم تصديرها من فيجما في مشروع الروبوت الخاص بك. يمكن استيراد الملف الذي تم تصديره إلى استوديو أندرويد واستخدامه في تطوير واجهة التطبيق الخاص بك.
يتيح لك التصدير من فيجما الحفاظ على تفاصيل وجودة التصميم الخاص بك بحيث يمكنك نقله بسهولة إلى تطبيق حقيقي. استخدام فيجما وتصدير التصميم الخاص بك دون أي مشاكل!
اختيار تخطيط
لتحديد تخطيط ، افتح المشروع في فيجما وانتقل إلى صفحة التخطيط المطلوبة. إذا كان لديك العديد من التخطيطات في مشروعك ، فانتقل عبر قائمة الصفحات باستخدام اللوحة الموجودة على اليسار وحدد التخطيط المطلوب.
تأكد من أن التخطيط المحدد يحتوي على جميع الشاشات اللازمة وعناصر التصميم لتطبيق الروبوت الخاص بك. إذا كنت بحاجة إلى شاشات أو عناصر إضافية ، يمكنك إضافتها إلى التخطيط في فيجما.
أيضا ، قبل التصدير ، تأكد من أن جميع عناصر التصميم في التخطيط في إطارات منفصلة ويتم تنظيمها بشكل صحيح باستخدام المجموعات والتعليقات. سيؤدي ذلك إلى تبسيط عملية تصدير التصميم وتضمينه في رمز تطبيق أندرويد.
بعد تحديد التخطيط ، ستكون جاهزا للخطوة التالية-التصدير من فيجما إلى أندرويد.
إعدادات التصدير
بعد الانتهاء من العمل مع التصميم على منصة فيغما ، وسوف تحتاج إلى تكوين التصدير لمزيد من الاستخدام في مشروع الروبوت. للقيام بذلك ، اتبع التعليمات أدناه:
الخطوة 1: حدد العناصر أو الطبقات التي تحتاجها في فيجما التي تريد تصديرها بتنسيق ينغ أو سفغ.
الخطوة 2: في اللوحة اليمنى من فيغما ، والعثور على لوحة التصدير وفتحه.
الخطوة 3: انقر فوق الزر "+" في لوحة التصدير لإضافة إعداد تصدير جديد.
الخطوة 4: في النافذة التي تفتح ، حدد تنسيق التصدير (ينغ أو سفغ) وتعيين الإعدادات اللازمة ، مثل القرار ومسار حفظ الملف.
الخطوة 5: كرر الخطوات من 3 إلى 4 لكل عنصر أو طبقة تريد تصديرها. يمكنك تعيين إعدادات مختلفة لكل عنصر.
الخطوة 6: انقر فوق الزر "تم" لحفظ إعدادات التصدير.
الآن يمكنك تصدير العناصر أو الطبقات المحددة في ينغ أو سفغ الأشكال ببساطة عن طريق النقر بزر الماوس الأيمن عليها واختيار "تصدير" من قائمة السياق أو باستخدام اختصارات لوحة المفاتيح. سيتم حفظ الملفات التي تم تصديرها إلى المسار الذي حددته.
تأكد من استخدام إعدادات التصدير المناسبة لمشروع أندرويد الخاص بك لضمان عرض عناصر التصميم الخاصة بك على الأجهزة بطريقة عالية الجودة.
تنزيل الموارد
عند الانتهاء من تصدير تخطيط من فيغما ، وسوف تحتاج إلى تحميل الموارد مثل الصور والخطوط والرموز لاستخدامها في مشروع الروبوت الخاص بك.
لتنزيل الموارد ، اتبع الخطوات التالية:
- انقر فوق الزر" تنزيل " أعلى شاشة فيجما.
- حدد التنسيق الذي تريد تنزيل الموارد به. لالروبوت ، فمن المستحسن أن تختار شكل ينغ للصور و تف أو أوتف للخطوط.
- حدد المجلد الذي تريد حفظ الموارد التي تم تنزيلها فيه.
- انقر فوق الزر" تنزيل " لبدء التنزيل.
بعد اكتمال التنزيل ، ستجد الموارد التي تم تنزيلها في المجلد الذي تختاره. الآن يمكنك استخدام هذه الموارد في مشروع الروبوت الخاص بك عن طريق استيرادها إلى المجلدات المناسبة للمشروع الخاص بك.
إعداد تصميم لالروبوت
قبل تصدير تصميم من فيغما إلى الروبوت ، تحتاج إلى إكمال عدة خطوات تحضيرية:
1. تكييف التخطيط لدقة الشاشة المختلفة.
الروبوت يدعم دقة الشاشة المختلفة ، لذلك كنت بحاجة للتأكد من أن التخطيط الخاص بك وسوف تبدو جيدة على جميع الأجهزة. من المستحسن إنشاء عدة تخطيطات لقرارات مختلفة وضبط قدرتها على التكيف.
2. تحقق من أبعاد ونسب العناصر.
تأكد من أن أبعاد ونسب جميع العناصر في التخطيط الخاص بك تلبية متطلبات الروبوت. الروبوت لديها أحجام الموصى بها الخاصة والنسب التي ينبغي النظر فيها عند تطوير التطبيق.
3. إعداد أسماء الموارد.
قبل تصدير تصميم من فيجما ، تأكد من أن جميع مواردك لها أسماء واضحة. سيتم استخدام أسماء الموارد في رمز الروبوت ، لذلك يجب أن تكون وصفية وتطابق وظائف العناصر.
4. موارد التصدير.
بمجرد أن يصبح التصميم جاهزا ، يمكنك المتابعة لتصدير الموارد من فيجما. فيغما لديه وظيفة لتصدير العناصر الفردية مثل الصور والرموز ، ولوحات الألوان. استخدام هذه الوظيفة لإنشاء موارد منفصلة لتطبيق الروبوت الخاص بك.
بعد هذه الخطوات ، سوف تكون قادرة على إعداد بنجاح تصميم من فيغما لتطوير الروبوت.
استيراد إلى الروبوت ستوديو
بعد أن كنت قد صدرت موارد التصميم الخاص بك من فيغما ، يمكنك استيرادها إلى مشروع استوديو الروبوت. للقيام بذلك ، اتبع الخطوات التالية:
- فتح المشروع في الروبوت ستوديو.
- قم بإنشاء وحدة نمطية جديدة إذا لم يكن لديك بالفعل وحدة نمطية لموارد التصميم.
- انسخ الموارد المصدرة من فيجما إلى مجلد الموارد لمشروعك.
- للوحدة وإضافة التبعيات إذا لزم الأمر.
- نسخ رمز شمل لكل مورد من فيغما ولصقه في ملفات تخطيط الروبوت الخاص بك.
بعد الانتهاء من هذه الخطوات, سوف تكون قادرا على استخدام الموارد التي تم تصديرها من فيجما في مشروع استوديو الروبوت الخاص بك.
يمكن أن يؤدي استيراد الموارد من فيجما إلى تبسيط أعمال التصميم بشكل كبير أثناء عملية تطوير التطبيق. سيسمح لك ذلك بالحفاظ على تناسق النمط المرئي وتوفير الوقت الذي ستقضيه في إنشاء الموارد يدويا بشكل كبير.