0

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

4

2 回答 2

2

这是一些简单的代码开始。我在一些应用程序中使用过它，但它是在 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;
}
于 2012-04-24T11:27:28.853 回答
1

不要忘记添加“mozOpacity”，除了“不透明度”和“过滤器”（或者现在已经过时了吗？只需加上我的两美分）

于 2013-04-16T10:24:30.260 回答