gwt 弹出窗口未居中

Question

我使用 gwt 弹出窗口显示一些消息，但它没有显示在 中心 如果我调用 popup.center()，则显示事件。实际上它并不居中 只有第一次，如果我关闭它并再次打开它，一切都会好的， 但不是第一次。如何解决这个问题？

GWT.runAsync(new RunAsyncCallback() {
    @Override
    public void onSuccess() {
        Image fullImage = new Image(optionImageName);
        fullImage.setAltText("Loading image ...");
        imagePopup.setWidget(fullImage);
        imagePopup.center();
    }
});

我在 http://www.devcomments.com/ 上发现了这个问题gwt-Popup-is-not-centered-at107182.htm，今天我也遇到了这个问题。我找到了答案，并将其发布在这里以供将来参考。

Answer 1

我发现问题是当您将弹出窗口居中时，图像未加载完成。第一次发生这种情况只是因为第二次图像被浏览器以某种方式兑现。

解决方案是将其也集中在 onLoad 事件上。

GWT.runAsync(new RunAsyncCallback() {
    @Override
    public void onSuccess() {
        Image fullImage = new Image(optionImageName);
        fullImage.setAltText("Loading image ...");
        fullImage.addLoadHandler(new LoadHandler() {
            @Override
            public void onLoad(LoadEvent event) {
                imagePopup.center();
            }
        });
        imagePopup.setWidget(fullImage);
        imagePopup.center();
    }
});

Answer 2

我也有这个问题。您必须调用中心两次的原因是，当弹出窗口“隐藏”时，弹出容器实际上已从 DOM 中删除。这是有问题的，因为您的弹出窗口现在必须“显示”弹出窗口的内容，然后您才能检查图像是否已加载。

建议实现的问题是，如果图像未缓存，则对 center() 的第一次调用将错误地完成。第二次致电中心将纠正它。在浏览器上，这会导致弹出对话框发生变化（看起来很糟糕）。

我会推荐以下内容：
1. 将等待旋转器放在同一显示器中并首先显示。
2. 调用 loadHandler 后，显示图像、隐藏微调器并重新居中。

Answer 3

    public void onClick(ClickEvent event) {
            // TODO Auto-generated method stub
            final ADPopup popup = new ADPopup();
            popup.setHeight("300px");
            popup.setWidth("500px");
            popup.setPopupPositionAndShow(new PopupPanel.PositionCallback() {

                public void setPosition(int offsetWidth, int offsetHeight) {
                    // TODO Auto-generated method stub
                    int left = (Window.getClientWidth() - offsetWidth) / 3;
                    int top = (Window.getClientHeight() - offsetHeight) / 3;

                    popup.setPopupPosition(left, top);
                }
            });

            popup.show();
        }

希望这有帮助。