Question

我有一个窗口面板，我想在其中设置图像。我这样做，

Window window = new Window();
Panel panel = new Panel();  
AbsolutePanel absolutePanel = new AbsolutePanel();    
Image image = new Image("img/heat_map.jpg");
absolutePanel.add(image);  
Image ap1Image = new Image("img/end.PNG");
ap1Image.getElement().getStyle().setMargin(1, Unit.PX);
absolutePanel.add(ap1Image);   
panel.add(absolutePanel);
window.add(panel);

但我坚持使用代码，因为我无法重叠主图像上的另一个小图标图像（heat_map）。我希望onclick事件在那个图标image.but我不能重叠窗口面板中的图像。请帮助我。

Answer 1

你似乎使用像GXT这样的东西而不是纯粹的GWT。但无论如何 - AbsolutePanel应该实现像add（Widget，int left，int top）方法，所以你需要使用它而不是简单的add（widget）

Answer 2

首先在你的代码中是你无法实例化GWT Window类，因为构造函数Window（）不是visible。

第二件事是window class中没有添加方法。

最后，要将您的图片重叠在一起，您需要应用一些CSS （Z-index..positions）

CSS Divs overlapping, how do I force one above the other?

最后您只需添加一个点击处理程序即可。

imageIcon.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                // Do something....
            }
        });

祝你好运。

GWT重叠图像

2 个答案: