java - 如何使(加载)图像覆盖面板

Question

在我的应用程序中，我有一些交互式小部件，但是在从服务器加载数据时，必须禁用该小部件，并在加载完成后再次激活。我不想让小部件不可见或禁用每个字段/按钮。 最好的解决方案是一个透明面板，其中心或角落有一个加载图像，在加载时覆盖小部件 - 但如何实现这一点？

Answer 1

这里是一些简单的代码。我已经在一些应用程序中使用过它，但它是与 GWT 2.0 一起使用的，也许他们现在有了更好的东西。您可以用动画 Gif 图像替换标签，然后简单地将面板添加到根面板就可以了。

import com.google.gwt.user.client.Event.NativePreviewEvent;
import com.google.gwt.user.client.Event.NativePreviewHandler;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.SimplePanel;

public class GlassPanel extends SimplePanel implements NativePreviewHandler {

    private Label text;

    public GlassPanel() {
        setStyleName("glass-panel");
        add(text = new Label());
    }

    public void setText(String text) {
        this.text.setText(text);
    }

    @Override
    public void onPreviewNativeEvent(NativePreviewEvent event) {
        event.consume();
        event.cancel();
    }
}

CSS:

.glass-panel {
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 4000;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}