Вибір кнопок аніме, щоб їх було легше зрозуміти
Середовище верифікації
- Вікна
-
- Вікна 11
- Редактор Unity
-
- 2020.3.25f1
Передумови для цієї поради
Наступні налаштування були зроблені заздалегідь як обов'язкова умова для пояснення цих порад.
Посилання
Спочатку
Якщо вибрано кнопку, за замовчуванням вона буде трохи темнішою.
Однак це може збити з пантелику, тому ви можете змінити колір виділення в інспекторі.
Тут ми хотіли б, щоб кнопка здавалася більшою, коли кнопка вибирається як додатковий елемент. Коли кнопка стає більшою, вона також додає рух, наприклад, поступово збільшується в аніме.
Розміщення кнопок
Розташуйте кнопки нормально. Враховуйте, що кнопки будуть більшими, тому залишайте невелику паузу.
Налаштування аніме
Вибравши кнопку, Button змініть «Перехід» на «Аніме» з компонента.
Потім з'явиться кнопка під назвою «Автогенерація анімації», тому натисніть її.
З'явиться діалогове вікно «Зберегти контролер аніме».
Локація довільна, але цього разу вона буде збережена в тій самій папці Scenes , що й сцена.
Ім'я файлу - ButtonSelected .
У проекті створюються такі файли: Тип аніме пов'язаний з поведінкою кнопки.
Відображає вікно аніме.
Виберіть кнопку, для якої ви щойно створили аніме.
Потім вміст вкладки аніме буде ввімкнено, тому виберіть тип аніме Selected .
Натисніть кнопку «Записати». Якщо ви зміните кожне значення в інспекторі в цьому стані, воно буде прописано як параметр під час аніме.
У цьому стані Rect Transform встановіть масштаб компонентів на 1.25 .
До речі, колір компонента також виставляється на світло-блакитний як Image колір при виборі.
Коли все буде готово, натисніть кнопку запису, щоб зупинити його. Ви можете побачити, що масштаб і Image.Color задані.
Запустіть гру і спробуйте зрушити її з місця. Я думаю, ви можете побачити, що масштаб і колір змінюються під час аніме при виборі кнопки.
Налаштування аніме будуть збережені в раніше створеному ButtonSelected.controller , тому
Якщо ви хочете застосувати те саме аніме до інших кнопок, ви можете прикріпити цей файл до кнопки та застосувати ту саму анімацію.
Не забудьте зробити переходи аніме.
Зміна часу аніме
Час роботи за замовчуванням для створеного вами аніме встановлено на 0,25 секунди. Рано це чи пізно, чи просто правильно, залежить від людини.
Якщо ви хочете змінити час цього аніме, ви можете зробити це, виконавши наведені нижче дії.
Двічі клацніть контролер аніме (ButtonSelected.controller), який ви створили в проекті.
Вибирається вкладка аніме і відображається наступний екран, тому Any State виберіть лінію, що з'єднує і Selected .
Якщо розгорнути налаштування інспектора, то з'явиться "перехідний інтервал(и)", тому цього разу встановіть 0.1 його на .
Перевірте, чи аніме стає швидшим.