时间戳

首页 > 解决方案 > ExternalResource in Vaadin 10 - Custom Icons for Button

vaadin - ExternalResource in Vaadin 10 - Custom Icons for Button

问题描述

I would like to use a custom icon from a picture file in Vaadin 10.

Up to Vaadin 8 it was possibleto load the icon file via ExternalResource:

public final static Resource MY_ICON    = new ExternalResource("VAADIN/images/my_icon.png");

and then just use the resource as icon:

Button button = new Button("My Button text");
button.setIcon(MY_ICON);

The setIcon method in Vaadin 10 requires a Component as parameter. How can i load my Icon into a Component? Is there some out of the box solution in vaadin 10?

I would prefer a solution with pure java like in vaadin 7/8.

标签： vaadinvaadin10vaadin-flow

解决方案

我建议将您的图标文件作为/src/main/webapp/my_icon.png（或者/src/main/resources/META-INF/resources/my_icon.png如果打包为.jar）。然后，您可以使用内置com.vaadin.flow.component.html.Image组件在应用程序的任何位置使用它，例如add(new Image("my_icon.png", "My icon"));.

推荐阅读