2010-10-19 7 views
0

Je dois faire un bouton rond avec du texte dessus (Centré). Pour le bouton rond, j'utilise une méthode Image et onClick, mais mes problèmes viennent quand j'essaie de superposer du texte (centré) sur l'image.Bouton GWT (Image + Texte)

« comme ça » alt text

Le texte devra être personnalisable, donc je ne peux pas simplement faire l'image précédemment

Les conseils sur la façon de le faire?

Merci d'avance.

Répondre

2

Vous pouvez également y parvenir en utilisant un peu de css

Button b = new Button("Calcular"); 
b.setPixelSize(200, 127); 
DOM.setStyleAttribute(b.getElement(), "background", "transparent url('http://www.greenthumbgraphics.com/images/buttons/shapes/oval.png')"); 
DOM.setStyleAttribute(b.getElement(), "border", "solid 0px white"); 
DOM.setStyleAttribute(b.getElement(), "textAlign", "center"); 
RootPanel.get().add(b); 

Mais il y a un problème, les clics de bouton fonctionnent même dans les zones transparentes. En outre, si vous recherchez des images différentes sur mouseover et mousedown, l'utilisation de CustomButton est une meilleure option.