如何在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中折舊。當你懸停圖像時，第二行添加手形指針到光標。其餘的是我自己解釋的。