Перейти к основному содержимому

Кнопка

Виджет Кнопка является фундаментальным компонентом в дизайне пользовательского интерфейса и широко используется в веб- и мобильных приложениях. Он служит основным средством взаимодействия с пользователем, позволяя выполнять действия или команды в приложении. Кнопки необходимы для:

  • Запуска действий: Будь то отправка формы, открытие новой страницы или выполнение любой операционной задачи, кнопки инициируют эти функции.

  • Обратной связи для пользователя: Кнопки часто визуально изменяются в ответ на действия пользователя — например, эффекты наведения, смена цвета при клике или состояние отключения, — предоставляя немедленную визуальную обратную связь, подтверждающую, что действие распознано.

  • Навигационных целей: Кнопки могут направлять пользователей по сайту или приложению, например, переход к следующей странице формы или возврат на главную страницу.

  • Улучшения пользовательского опыта: Хорошо спроектированные кнопки crucial для создания плавного и интуитивного пользовательского опыта. Они разрабатываются так, чтобы быть легко узнаваемыми и доступными, обеспечивая seamless взаимодействие за счет четкого отображения своей функции.

При добавлении виджета Кнопка на Страницу или Компонент и выборе его в панели Свойства справа отображаются различные свойства и функции:

Ниже приведены иллюстрации некоторых значимых свойств:

Настройки стиля кнопки по умолчанию

Определите начальный вид кнопки, включая ее размер, цвет, границу и отступы. Эти настройки определяют, как кнопка выглядит в обычном состоянии.

button.png

Настройки кнопки в отключенном состоянии и при наведении

Настройте внешний вид кнопки в отключенном состоянии или при наведении курсора. Эти параметры позволяют изменить цвет, границу и подъем кнопки для визуального отображения ее состояния.

button-disabled.png

Кроме того, вы можете определить стиль текста внутри Кнопки и, если включено, стиль Иконки внутри Кнопки.