Кнопка с иконкой

Виджет IconButton позволяет пользователям выполнять действия одним нажатием. В отличие от обычного виджета «Кнопка», этот виджет показывает небольшое изображение или символ, который представляет действие, выполняемое при нажатии на кнопку.

Вы можете использовать этот виджет для того, чтобы пользователи могли быстро понять смысл действия. Например, действие удаления можно легко передать с помощью значка мусорной корзины, который выглядит следующим образом ( ).

Приведем пример добавления и настройки виджета IconButton:

• Добавьте виджет IconButton.
• Посмотрите, как изменить его значок, размер и цвет.
• Чтобы добавить и настроить границу, перейдите на панель свойств > Стиль по умолчанию кнопки > используйте свойства Цвет границы, Ширина границы и Радиус границы. Как это сделать, смотрите здесь.

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

Отображение индикатора загрузки полезно, когда вы хотите указать, что приложение обрабатывает запрос.

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

Чтобы отобразить индикатор загрузки, перейдите на панель свойств > включите опцию «Показывать индикатор загрузки«.

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

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

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

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

Чтобы изменить цвета кнопки-иконки при наведении, выберите виджет IconButton, перейдите на панель свойств и включите Стиль наведения кнопки. Используйте такие свойства, как Цвет заливки и Цвет значка, чтобы настроить внешний вид кнопки.

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

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

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

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