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 属性

color

设置图标颜色。

icon

设置图标。

size

设置图标大小。

事件和处理器

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

ClickEvent

com.vaadin.flow.component.ClickEvent 当用户点击组件时发送。处理方法需要指定下列三种类型的点击之一。

  • click - 点击时触发

  • singleClick - 在一定的延时后触发,以确保不是双击。

  • doubleClick - 当双击组件时触发。

XML 内部元素

参考