Как вставить изображение в гиперссылку в GWT

Question

Есть ли способ сделать кликабельное изображение в GWT?

Answer 1

Что вы можете сделать, чтобы вставить Image в Hyperlink:

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

Чтобы сделать Image кликабельным, вы просто добавляете ClickHandler к нему.

Answer 2

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

будет правильно. В противном случае изображение добавляется после гиперссылки

Answer 3

Просто прикрепите ClickHandler к изображению:

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

Вот и все.Изображение кликабельно.Чтобы указать пользователю на кликабельность, просто используйте соответствующий стиль CSS, например курсор: указатель.

Answer 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. Вторая строка добавляет указатель руки к курсору при наведении курсора на изображение. Остальное самоочевидно, я думаю.

Answer 5

Вы также можете создать ToggleButton и применить некоторые стили CSS.Тогда у вас уже есть вся поддержка ClickHandler.

Answer 6

С общей точки зрения. Мы можем написать событие onclick для изображения и курсор CSS: указатель (необязательно), чтобы дать ему ощущение гиперссылки.