Insertar imagen en hipervínculo en GWT

Question

¿Hay alguna manera de hacer una imagen clicable en GWT?

Answer 1

Lo que podría hacer para insertar el Image en el Hyperlink:

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

Para hacer el Image seleccionable usted sólo tiene que añadir un ClickHandler a ella.

Answer 2

Desde un punto de vista general ... Podemos escribir un evento onclick para la imagen y un cursor css: puntero (opcional) para darle una sensación de hipervínculo.

Answer 3

También puede crear un ToggleButton y aplicar cierto estilo css. Entonces ya tiene todo el soporte ClickHandler incluido.

Answer 4

Sólo hay que conectar un clickHandler a la imagen:

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

Eso es todo. La imagen se puede hacer clic. Para indicar la capacidad de cliquear al usuario, simplemente use un estilo CSS apropiado como cursor: puntero.

Answer 5

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

sería correcto. De lo contrario, se añade la imagen tras el hipervínculo

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

Uso ancla en lugar de HyperLink porque addClickHandler se deprecia en el hipervínculo. La segunda línea agrega el puntero de mano al cursor cuando desplazas la imagen. El resto se explica por sí mismo, creo.