代码之家  ›  专栏  ›  技术社区  ›  Anthony

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

  •  16
  • Anthony  · 技术社区  · 14 年前

    有没有办法在GWT中创建一个可点击的图像?

    6 回复  |  直到 14 年前
        1
  •  14
  •   z00bs    14 年前

    如何插入 Image Hyperlink :

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

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

        2
  •  5
  •   Florian    13 年前
    Hyperlink link = new Hyperlink();
    Image image = new Image(someUrl);
    ...
    link.getElement().getFirstChild().appendChild(image.getElement());
    

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

        3
  •  4
  •   Makkes    14 年前

    只需将ClickHandler附加到图像:

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

    就这样。图像可以单击。要向用户指示可点击性,只需使用适当的CSS样式,如cursor:pointer。

        4
  •  3
  •   Derek Farren    11 年前
        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());
    

    使用锚定而不是超链接,因为addClickHandler在超链接中已贬值。当您悬停图像时,第二行将指针添加到光标。其余的我认为是不言而喻的。

        5
  •  2
  •   Carlos Tasada    14 年前

    您还可以创建 ToggleButton 并应用一些css样式。那么你已经拥有了 ClickHandler 包括支持。

        6
  •  1
  •   Binu Paulmoni    14 年前

    从一般的角度来看。。我们可以为图像编写onclick事件和css cursor:pointer(可选)来给它一种超链接的感觉。