2009-09-21 7 views
19

Comment ajouter une image au bouton GWT ou comment utiliser les boutons de Mosaic pour ajouter une image. Je ne peux pas comprendre comment utiliser THIS exemple dans mon code. Quelle bibliothèque dois-je ajouter? J'ai Mosaic Library dans mon projet et je peux l'utiliser mais l'exemple qu'ils ont là ne fonctionne pas pour moi.Image dans le bouton GWT

Merci

+0

Quel code avez-vous essayé, et quel est le résultat? – CPerkins

+0

Si vous voulez avoir une image et du texte, j'ai probablement créé ce que vous voulez. J'ai écrit un post sur cette question SO: http://stackoverflow.com/questions/1853042/creating-custom-button-in-gwt/2449019#2449019 – Juri

+0

GWT échantillon officiel: http://gwt.googleusercontent.com/ samples/Showcase/Showcase.html #! CwCustomButton –

Répondre

26

Si vous voulez juste ajouter une image à un bouton GWT normal, PushButton est le chemin à parcourir:

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

Alternativement, vous cette méthode.

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

J'ai trouvé le PushButton semble avoir un problème avec le calcul de son x, y cliquez sur le point correctement, que le bouton normal n'a pas.

23

PushButton n'a pas le même comportement, et vous avez une solution plus jolie que vous la création d'une balise d'image:

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

Il suffit de définir la balise HTML img à l'intérieur du bouton comme:

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

Utilisez simplement CSS et le style dans l'image. Quelque chose comme ceci devrait faire apparaître l'image avant le texte du bouton:

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