GWT重叠图像

时间:2013-04-18 13:32:18

标签: gwt

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

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我不能重叠窗口面板中的图像。请帮助我。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

首先在你的代码中是你无法实例化GWT Window类,因为构造函数Window()不是visible

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

最后,要将您的图片重叠在一起,您需要应用一些CSSZ-index..positions

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

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

imageIcon.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                // Do something....
            }
        });
祝你好运。