gwt - 普通的gwt进度轮

Question

我今天开始学习 GWT，自从我有 java 背景以来，我已经做了很多。我的下一步是从后端服务器加载 JSON 数据，但是在加载完成后，出于显而易见的原因，我想显示一个进度轮。

我期待一个“开箱即用”的小部件，但似乎没有(如果我错了，请纠正我)。由于我对 GWT 完全陌生，我不想增加额外框架的复杂性，只需要简单的 GWT。

看来我必须编写一个代码，因为我还没有找到一些第三方代码。有人可以指出我正确的方向吗？步骤是什么？我应该创建一个图像然后在动画中旋转它，还是创建几个图像然后以圆形方式替换它们？还是我完全离开这里？

Answer 1

好吧，对于一个不显示实际进度的简单进度轮(只是您的应用程序正在做某事)，我推荐一个简单的动画图像(例如在 http://www.ajaxload.info/ 生成一个)。

如果动画图像/gif 不是一个选项:

一个简单的解决方案是创建多个图像并以循环方式替换它们。我最近使用了这个，基本上你制作了一个自己调用的计时器:

Timer updateAnim = new Timer() {
    @Override
    public void run() {
        currentImage = (currentImage + 1) % NO_IMAGES;
        setVisibilities();
        this.schedule(UPDATE_TICK);
    }
};

private void setVisibilities() {
    img1.setVisible(false);
    img2.setVisible(false);
    switch (currentImage) {
    case 0:
        img1.setVisible(true);
        break;
    case 1:
        img2.setVisible(true);
        break;
    }

}

setVisibilities()只需将当前图像设置为可见，其他所有图像都设置为不可见。我体验到这比切换图像 URL 更快(仅使用一个图像，调用 img.setURL(String url); )。

现在您只需调用 updateAnim.schedule(UPDATE_TICK);它会运行。

我猜最快的(因为浏览器可以优化它)将是使用 CSS 动画(创建一个图像并旋转它)，但也可能是最复杂的(没有使用那么多，所以还不如它是实际上比我想象的更简单；)。看看 this发布关于 CSS 旋转动画的帖子。

如果您想制作一个真正的进度条(实际显示进度)，您需要一个在进度时调用的回调。只需在此进度回调中更新您的图像/CSS 过渡。