اختيارات أزرار الرسوم المتحركة لتسهيل فهمها

تحديث الصفحة :
تاريخ إنشاء الصفحة :

بيئة التحقق

نوافذ
  • ويندوز ١١
محرر الوحدة
  • 2020.3.25f1

المتطلبات الأساسية لهذه النصيحة

تم إجراء الإعدادات التالية مسبقا كشرط أساسي لشرح هذه النصائح.

مرجع

في البداية

إذا تم تحديد زر ، فسيكون أغمق قليلا افتراضيا.

ومع ذلك ، قد يكون الأمر مربكا ، لذا يمكنك تغيير لون التحديد في المفتش.

هنا ، نود أن نجعل الزر يظهر أكبر عند تحديد الزر كعنصر إضافي. عندما يصبح الزر أكبر ، فإنه يضيف أيضا حركة مثل الزيادة التدريجية في الرسوم المتحركة.

وضع الزر

ضع الأزرار بشكل طبيعي. ضع في اعتبارك أن الأزرار ستكون أكبر ، لذا اترك وقفة قصيرة.

إعداد الرسوم المتحركة

مع تحديد الزر ، Button قم بتغيير "الانتقال" إلى "Anime" من المكون.

ثم سيظهر زر يسمى "إنشاء الرسوم المتحركة تلقائيا" ، لذا انقر فوقه.

ال حفظ وحدة تحكم أنيمي يظهر الحوار. الموقع تعسفي ، ولكن هذه المرة سيتم حفظه في نفس المجلد Scenes مثل المشهد. اسم الملف هو ButtonSelected .

يتم إنشاء الملفات التالية في المشروع: يرتبط نوع الأنمي بسلوك الزر.

يعرض نافذة الأنمي.

حدد الزر الذي قمت للتو بإنشاء الأنمي من أجله.

بعد ذلك ، سيتم تمكين محتويات علامة تبويب الرسوم المتحركة ، لذا حدد من نوع Selected الأنمي .

انقر فوق الزر تسجيل. إذا قمت بتغيير كل قيمة في المفتش في هذه الحالة ، تسجيلها كمعلمة أثناء الرسوم المتحركة.

في هذه الحالة، Rect Transform قم بتعيين مقياس المكون إلى 1.25 .

بالمناسبة ، يتم أيضا ضبط لون المكون على اللون الأزرق الفاتح Image كلون عند التحديد.

عند الانتهاء ، انقر فوق زر التسجيل لإيقافه. يمكنك أن ترى أنه تم تعيين المقياس و Image.Color.

قم بتشغيل اللعبة وحاول تحريكها. أعتقد أنه يمكنك أن ترى أن المقياس واللون يتغيران أثناء الرسوم المتحركة عند تحديد الزر.

سيتم حفظ إعدادات الرسوم المتحركة في المنشأة ButtonSelected.controller مسبقا ، لذلك إذا كنت ترغب في تطبيق نفس الرسوم المتحركة على أزرار أخرى ، فيمكنك إرفاق هذا الملف بالزر وتطبيق نفس الرسوم المتحركة.

لا تنس أن تجعل التحولات أنيمي.

تغيير وقت الأنمي

تم ضبط وقت التشغيل الافتراضي للأنمي الذي تقوم بإنشائه على 0.25 ثانية. سواء كان هذا مبكرا أو متأخرا أو صحيحا قد يعتمد على الشخص.

إذا كنت تريد تغيير وقت هذا الأنمي ، فيمكنك القيام بذلك باتباع الخطوات أدناه.

انقر نقرا مزدوجا فوق وحدة تحكم الرسوم المتحركة (ButtonSelected.controller) التي قمت بإنشائها من المشروع.

يتم تحديد علامة تبويب الرسوم المتحركة ، ويتم عرض الشاشة التالية ، لذا Any State حدد الخط الذي يربط و Selected .

إذا قمت بتوسيع إعدادات المفتش ، فهناك "فاصل (فواصل) انتقالية" ، لذلك اضبطه 0.1 هذه المرة على .

تحقق مما إذا كان الأنمي يزداد سرعة.