2009-09-21 22 views
19

Come aggiungere un'immagine al pulsante GWT o come utilizzare i pulsanti Mosaico per aggiungere un'immagine. Non riesco a capire come utilizzare l'esempio THIS nel mio codice. Quale libreria devo aggiungere. Ho Mosaic Library nel mio progetto e posso usarlo ma l'esempio che hanno lì non funziona per me.Immagine nel pulsante GWT

Grazie

+0

Quale codice hai provato e qual è il risultato? – CPerkins

+0

Se vuoi avere immagini e testo allora probabilmente ho creato quello che vuoi. Ho scritto un post su questa domanda SO: http://stackoverflow.com/questions/1853042/creating-custom-button-in-gwt/2449019#2449019 – Juri

+0

campione ufficiale GWT: http://gwt.googleusercontent.com/ campioni/Showcase/showcase.html #! CwCustomButton –

risposta

26

Se si desidera aggiungere un'immagine a un normale pulsante GWT, quindi PushButton è la strada da percorrere:

PushButton pushButton = new PushButton(new Image("test.png")); 
4

In alternativa, è questo metodo.

Button editRow = new Button("Edit Row"); 
editRow.setHTML(("<img border='0' src='rowEdit.Png' />"); 

ho trovato il il PushButton sembra avere un problema con il suo calcolo x, y clic sul punto in modo corretto, che il pulsante di normale non ha.

23

PushButton non avere lo stesso comportamento, e si dispone di una soluzione più bella di creare da soli un tag di immagine:

Image img = new Image("whatever.jpg"); 
Button button = new Button(); 
button.getElement().appendChild(img.getElement()); 
1

Basta impostare il tag img HTML all'interno del pulsante come:

Button btn = new Button("<img src='image.png'/>"); 
2

Basta usare i CSS e lo stile nell'immagine. Qualcosa di simile dovrebbe far apparire l'immagine prima del testo del pulsante:

background-image: url("/yourimage.png"); 
background-repeat: no-repeat; 
height: 20px; 
width:  20px;