SplineИнтерактивная клавиатура в Hana
Урок 10 из 15HanaНачальный9 мин
Привет! 👋
В этом уроке вы узнаете, как создать интерактивную клавиатуру полностью в Hana. Мы разберём, как с помощью теней добавить дизайну глубины и как применить события клавиш, чтобы управлять сценой с настоящей клавиатуры. Этот дизайн очень гибкий, и его можно использовать по-разному. Приступим!
Сделайте ремикс этого демо: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c
Чему вы научитесь
- 0:00Вступление
- 0:22Добавляем базовый фрейм
- 0:34Создаём основу клавиатуры
- 1:14Добавляем тени к основе клавиатуры
- 1:37Создаём клавиши с буквами и цифрами
- 3:31Создаём клавишу Enter
- 3:45Добавляем тени к цифрам и буквам
- 4:07Добавляем событие нажатия клавиши
- 6:57Создаём взаимодействие с экраном
- 8:50Итоговый дизайн
- 9:04Заключение
