Vaadin切换图像可见性

// 导入必要的类
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.html.Image;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;

@Route("image-visibility")
public class ImageVisibilityView extends VerticalLayout {

    private Image image;
    private Button toggleButton;

    public ImageVisibilityView() {
        // 创建图像和切换按钮
        image = new Image("image.jpg", "Image");
        toggleButton = new Button("Toggle Image Visibility");

        // 设置初始可见性
        image.setVisible(false);

        // 添加按钮点击事件处理程序
        toggleButton.addClickListener(e -> toggleImageVisibility());

        // 将组件添加到布局中
        add(image, toggleButton);
    }

    private void toggleImageVisibility() {
        // 切换图像的可见性
        image.setVisible(!image.isVisible());
    }
}