如何在GWT中将图像插入到超链接中

Question

有没有方法在GWT中创建可点击的图像？

Answer 1

你可以做插入的Hyperlink的Image什么：

Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().appendChild(image.getElement()); 

为了使Image点击你只需添加一个ClickHandler它。

Answer 2

从一般的观点来看..我们可以为图像和CSS光标写一个onclick事件：指针（可选）给它一个超链接的感觉。

Answer 3

你也可以创建一个ToggleButton并应用一些CSS样式。那么你已经包含了所有ClickHandler支持。

Answer 4

只是附加clickHandler事件的图像：

Image img = new Image(URL); 
img.addClickHandler(new ClickHandler() { 
    @Override 
    public void onClick(ClickEvent ev) { 
    // do sth. 
    } 
}; 

就是这样。该图像是可点击的。为了向用户指示可点击性，只需使用适当的CSS样式，如光标：指针。

Answer 5

Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().getFirstChild().appendChild(image.getElement()); 

会是正确的。否则图像在超链接之后添加

Answer 6

Anchor anchor = new Anchor(); 
    anchor.getElement().getStyle().setCursor(Cursor.POINTER); 
    anchor.addClickHandler(new ClickHandler() { 
      @Override 
      public void onClick(ClickEvent ev) { 
       Window.Location.assign("http://url.com"); 
      } 
    }); 
    Image img = new Image("image/path.jpg"); 
    anchor.getElement().appendChild(img.getElement()); 

使用锚而不是HyperLink，因为addClickHandler在HyperLink中折旧。当你悬停图像时，第二行添加手形指针到光标。其余的是我自己解释的。