icon

ДЕМО

Компонент icon отображает изображение из набора иконок.

  • XML-элемент: icon

  • Java-класс: Icon

Все доступные иконки можно увидеть в демо-приложении.

Основы

Используйте icon, чтобы добавить отдельную иконку в любое место экрана.

<icon icon="CAR"/>
<icon icon="AIRPLANE"/>
<icon icon="TRAIN"/>
icon basic

Наборы иконок

Существуют два встроенных набора, содержащих часто используемые иконки: Vaadin и Lumo. Чтобы различать наборы, добавьте его префикс перед именем иконки. Если префикс отсутствует, используется набор Vaadin.

<icon icon="USER"/>
<icon icon="vaadin:user"/>
<icon icon="lumo:user"/>
icon sets

Компоненты с иконками

Иконка может быть частью компонента. Смотрите пример использования иконки с компонентом button.

Атрибуты

id - alignSelf - classNames - clickShortcut - color - colspan - css - icon - size - visible

color

Устанавливает цвет иконки.

icon

Указывает иконку, которую нужно отобразить.

size

Указывает размер иконки.

Обработчики

AttachEvent - ClickEvent - DetachEvent

Чтобы сгенерировать заглушку обработчика в Jmix Studio, используйте вкладку Handlers панели инспектора Jmix UI, или команду Generate Handler, доступную на верхней панели контроллера экрана и через меню Code → Generate (Alt+Insert / Cmd+N).

ClickEvent

Событие com.vaadin.flow.component.ClickEvent возникает, когда на компонент нажимают. Этот обработчик должен указывать один из следующих трех субъектов, чтобы определить количество кликов, связанных с событием.

  • click - событие возникает при каждом нажатии на компонент.

  • singleClick - событие возникает после таймаута, чтобы убедиться, что это не двойной щелчок.

  • doubleClick - событие возникает, когда на компонент дважды щелкают.

Элементы

tooltip

Смотрите также

Смотрите документацию Vaadin для получения дополнительной информации.