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 组件中使用图表的示例。

XML 属性

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

color

设置图标颜色。

icon

设置图标。

size

设置图标大小。

事件和处理器

AttachEvent - ClickEvent - DetachEvent

在 Jmix Studio 生成处理器桩代码时，可以使用 Jmix UI 组件面板的 Handlers 标签页或者视图类顶部面板的 Generate Handler 添加，也可以通过 Code → Generate 菜单（Alt+Insert / Cmd+N）生成。

ClickEvent

com.vaadin.flow.component.ClickEvent 当用户点击图标发送。

XML 内部元素

tooltip

参考

Vaadin 文档