Кнопка

Виджет Button позволяет пользователям выполнять такие действия, как сохранение данных, открытие новой страницы и т.д. Вы можете использовать его в формах, диалогах, карточках и т.д.

Вот пример того, как вы можете использовать виджет Button в своем проекте:

• Сначала добавьте виджет Button, перейдите на панель Properties > Button Text > Text и укажите текст, который будет отображаться на кнопке.
• Вы можете изменить размер кнопки с помощью ручек, отображаемых внутри кнопки.

Чтобы добавить значок перед текстом кнопки:

1. Выберите виджет Button, перейдите на панель свойств > найдите свойство Icon > нажмите на None > найдите и выберите значок.
   1. Вы также можете настроить размер и цвет значка.
2. Чтобы настроить пространство вокруг значка, используйте свойство Icon Padding.

Вы можете настроить внешний вид и поведение этого виджета с помощью различных свойств, доступных на панели свойств.

Чтобы изменить высоту и ширину кнопки:

• Выберите виджет Button, перейдите на панель свойств > Button Default Style > введите значения ширины и высоты.
• Чтобы задать точный размер, выберите PX и введите нужные значения.
• Чтобы сделать высоту или ширину изображения равной высоте или ширине экрана, просто нажмите на значок бесконечности().

Чтобы изменить цвет фона, перейдите на панель свойств > Стиль кнопки по умолчанию > установите Цвет заливки.

Посмотрите, как добавить границу.

Чтобы изменить высоту (глубину или ось Z), переместите панель свойств > введите значение Elevation.

Посмотрите, как придать тексту стиль.

Узнайте, как изменить высоту строки.

Посмотрите, как установить цвет из переменной в любое свойство цвета этого виджета.

Вы можете отключить кнопку при выполнении определенного условия. Например, на странице входа в систему можно отключить кнопку «Вход», если пользователь не ввел свое имя пользователя и пароль или не согласился с правилами и условиями.

Чтобы отключить кнопку:

• Выберите виджет Button, перейдите на панель свойств > включите стиль Button Disable Style > нажмите Unset и задайте условия. Это может быть одно условие или комбинация условий в зависимости от ваших требований. Обратите внимание, что кнопка будет отключена только тогда, когда условие(я) истинно.
• Используя свойства Цвет отключения и Цвет текста, вы можете настроить внешний вид кнопки в отключенном состоянии.

Вы можете захотеть изменить стиль кнопки при наведении на нее курсора, чтобы показать, что кнопка является интерактивной.

Чтобы изменить стиль кнопки при наведении, выберите виджет Button, перейдите на панель свойств и включите параметр Button Hover Style. Используйте такие свойства, как «Заливка«, «Граница«, «Цвет текста» и «Высота«, чтобы настроить внешний вид кнопки.

Узнайте, как показать или скрыть любой виджет с помощью свойства Conditional Visibility.

Узнайте, как добавить отзывчивую видимость к любому виджету.

Узнайте, как добавить подложку и выравнивание к любому виджету.