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

【问题标题】：How-to insert Image into Hyperlink in GWT如何在 GWT 中将图像插入超链接
【发布时间】：2011-05-12 14:44:39
【问题描述】：

有没有办法在 GWT 中制作可点击的图片？

【问题讨论】：

【解决方案1】：

在Hyperlink 中插入Image 可以做什么：

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

要使Image 可点击，您只需向其添加ClickHandler。

【讨论】：

你的答案和 Makkes 的答案都不能充分回答 OP。我相信他知道他可以绑定一个点击处理程序来做同样的事情，我认为他正在寻找一种非 JS 依赖的方式来做到这一点..

【解决方案2】：

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

应该是正确的。否则在超链接后添加图片

【讨论】：

也可以使用.getElement().insertFirst(Element)

【解决方案3】：

只需将 ClickHandler 附加到图像：

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

就是这样。图片可点击。要向用户指示可点击性，只需使用适当的 CSS 样式，例如 cursor:pointer。

【讨论】：

【解决方案4】：

    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());

使用 Anchor 代替 HyperLink，因为 addClickHandler 在 HyperLink 中已被贬低。当您悬停图像时，第二行将手形指针添加到光标。其余的我认为是不言自明的。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

从一般的角度来看.. 我们可以为图像编写一个 onclick 事件和一个 css 光标：指针（可选），以使其具有超链接的感觉。

【讨论】：