Уже 2020 год, и Неуморфизм в тренде…
Neumorphsim
- Неоморфизм основан на Новом + Скевоморфизме.
- Это тенденция пользовательского интерфейса, которая в этом году усилилась.
Хотите узнать больше?
Что ж, попробуем реализовать с помощью Flutter Framework.
Примечание. Предполагается, что у вас есть установка Flutter, и это руководство предназначено только для мобильных приложений, хотя вы также можете реализовать его в Интернете.
Сначала мы создадим Выпуклый виджет.
После создания выпуклого виджета самое время создать вогнутый виджет.
Точно так же добавьте значок большого пальца вверх (👍🏽) в новый вогнутый и выпуклый виджет,
Ссылка на виджеты с вогнутым и выпуклым пальцами.
Теперь давайте завершим это основным экраном 🥂
Мы разместили AnimatedContainer для анимации кнопок.
AnimatedContainer(
width: MediaQuery.of(context).size.width / 4,
height: MediaQuery.of(context).size.height / 8,
duration: Duration(seconds: 2),
child: isPressed
? convexWithThumb("Synth", Color(0xFF649166))
: concaveWithThumb("Beat"),
),
Ура ..! Эффект неоморфизма сработал….
Теперь вы все можете изучить это самостоятельно.
Пример пульта дистанционного управления
Ссылка на исходный код: NeumorphismFlutter
Спасибо за чтение 💯
Чтобы узнать больше о программировании, подписывайтесь на я и Aubergine Solution, чтобы получать уведомления, когда мы будем писать новые сообщения.
Если у вас возникнут какие-либо вопросы, обращайтесь ко мне!
