GWT按钮中的图像

Question

如何将图像添加到GWT按钮或如何使用Mosaic的按钮添加图像。我无法弄清楚如何在我的代码中使用THIS示例。我需要添加哪些库。我的项目中有Mosaic Library，我可以使用它，但是他们在那里的例子对我不起作用。

由于

Answer 1

如果您只想将图像添加到普通的GWT按钮，那么PushButton就可以了：

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

Answer 2

PushButton没有相同的行为，你有一个比创建自己的图像标签更漂亮的解决方案：

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

Answer 3

或者，你这个方法。

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

我发现PushButton在正确计算x，y点击点时出现问题，正常按钮没有。

Answer 4

只需在图片中使用CSS和样式。这样的事情应该使图像出现在按钮文本之前：

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

Answer 5

只需将按钮内的HTML img标记设置为：

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