vaadin - 如何检测图像何时完全加载？

Question

我有一个 VerticalLayout，并在其中添加了一个图像组件。有时，当我们的连接较差时，我注意到该图像加载缓慢。所以，我有一个想法，在完全加载后显示此图像，并且我想在加载时显示一些加载 gif。

由于我使用的是 GWT ，所以我使用 LoadHandler对于这种情况如下

fullSizeImage.addLoadHandler(new LoadHandler() {
        public void onLoad(final LoadEvent event) {
            loadingImage.setVisible(false);
        }
});

上面的代码片段将在我的实际图像加载时显示我的加载 gif 图像，并且当我的实际图像完全加载时它将隐藏。我如何在 Vaadin 中找到它？

Answer 1

Vaadin 位于服务器端，其组件实际上并不具有所有可能的 GWT 方法。因此，当您创建图像组件时，它会附加到父 VerticalLayout。然后，通过客户端的服务器请求加载图像。

我认为没有办法创建自定义 Vaadin 小部件 - 或扩展现有功能 - 来实现上面的 GWT 代码。请注意，加载 gif 应由客户端预取并缓存，以便在附加组件时立即显示。