2009-09-21 2 views
19

Как добавить изображение к кнопке GWT или как использовать кнопки «Мозаика» для добавления изображения. Я не могу понять, как использовать пример THIS в моем коде. В какую библиотеку я должен добавить. У меня есть Мозаичная библиотека в моем проекте, и я могу ее использовать, но пример, который у них там, не работает для меня.Изображение в кнопке GWT

Благодаря

+0

Какой код вы пытались и в чем результат? – CPerkins

+0

Если вы хотите иметь изображение и текст, то я, вероятно, создал то, что вы хотите. Я написал сообщение по этому вопросу SO: http://stackoverflow.com/questions/1853042/creating-custom-button-in-gwt/2449019#2449019 – Juri

+0

GWT официальный образец: http://gwt.googleusercontent.com/ образцы/Витрина/Showcase.html #! CwCustomButton –

ответ

26

Если вы просто хотите добавить изображение к нормальному GWT Баттона, то PushButton это путь:

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

В качестве альтернативы, вы этот метод.

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

Я нашел КНОПКА, кажется, есть проблема с его расчета х, у правильно выберите пункт, который кнопка нормально не имеет.

23

PushButton не имеет такое же поведение, и у вас есть покрасивее решение, чем создавать себе тег изображения:

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

Просто установите HTML IMG тег внутри кнопки как:

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

Просто используйте CSS и стиль в изображении. Что-то вроде этого должно сделать изображение перед текстом кнопки:

background-image: url("/yourimage.png"); 
background-repeat: no-repeat; 
height: 20px; 
width:  20px; 
Смежные вопросы