Есть ли способ сделать кликабельное изображение в GWT?
Как вставить изображение в гиперссылку в GWT
Ответ 1
Что вы можете сделать, чтобы вставить Image
в Hyperlink
:
Hyperlink link = new Hyperlink();
Image image = new Image(someUrl);
...
link.getElement().appendChild(image.getElement());
Чтобы сделать Image
clickable, вы просто добавили к нему ClickHandler
.
Ответ 2
Просто присоедините ClickHandler к изображению:
Image img = new Image(URL);
img.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent ev) {
// do sth.
}
};
Что это. Изображение можно щелкнуть. Чтобы указать на кликабельность для пользователя, просто используйте соответствующий стиль CSS, например cursor: pointer.
Ответ 3
Hyperlink link = new Hyperlink();
Image image = new Image(someUrl);
...
link.getElement().getFirstChild().appendChild(image.getElement());
будет правильным. В противном случае изображение добавляется после гиперссылки
Ответ 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());
Использовать привязку вместо HyperLink, потому что addClickHandler обесценивается в HyperLink. Вторая строка добавляет указатель руки к курсору, когда вы наводите изображение. Я думаю, что остальное самоочевидно.
Ответ 5
Вы также можете создать ToggleButton
и применить некоторый стиль CSS. Затем вы уже включили поддержку ClickHandler
.
Ответ 6
С общей точки зрения. Мы можем написать событие onclick для изображения и курсор css: указатель (необязательно), чтобы дать ему ощущение гиперссылки.