2009-09-21 15 views
19

Jak dodać obraz do przycisku GWT lub jak używać przycisków mozaiki do dodania obrazu. Nie mogę wymyślić, jak użyć kodu THIS. Jaką bibliotekę muszę dodać. Mam w swoim projekcie Bibliotekę Mozaiki i mogę z niej korzystać, ale przykład, który tam mają, nie działa dla mnie.Obraz w przycisku GWT

Dzięki

+0

Jaki kod próbowałeś i jaki jest wynik? – CPerkins

+0

Jeśli chcesz mieć obraz i tekst, to prawdopodobnie utworzyłem to, co chcesz. Napisałem post na temat tego pytania: http://stackoverflow.com/questions/1853042/creating-custom-button-in-gwt/2449019#2449019 – Juri

+0

Próbka oficjalna GWT: http://gwt.googleusercontent.com/ samples/Showcase/Showcase.html #! CwCustomButton –

Odpowiedz

26

Jeśli chcesz po prostu dodać zdjęcie do normalnego GWT przycisk, a następnie PushButton jest do zrobienia:

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

Alternatywnie, możesz to metoda.

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

Znalazłem przycisku pojawia się problem z obliczaniu x, y kliknąć punkt, który normalny przycisk nie ma.

23

PUSHBUTTON nie mają ten sam problem, i trzeba ładniejszą rozwiązanie niż tworzenie sobie tag obrazu:

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

Wystarczy ustawić znacznik HTML img wewnątrz przycisku jako:

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

Po prostu użyj CSS i stylu na obrazie. Coś takiego powinno spowodować pojawienie się obrazu przed tekstem przycisku:

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