GWT按钮中的图像

Question

我该如何向GWT按钮添加图像，或者如何使用Mosaic的按钮来添加图像？我无法弄清楚如何在我的代码中使用这个示例。我需要添加哪个库？我在我的项目中有Mosaic库，我可以使用它，但是他们那里的示例对我不起作用。

谢谢。

- Maksim

---

你尝试了哪些代码，结果是什么？ - CPerkins

如果您想要图像和文本，那么我可能已经创建了您想要的内容。我在这个SO问题上写了一篇文章：https://dev59.com/3ErSa4cB1Zd3GeqPYasQ#2449019 - Juri

GWT官方示例： http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwCustomButton - Zaur_M

Answer 1

如果您只想将图像添加到普通的GWT按钮中，那么PushButton是正确的选择：

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

- Igor Klimer

Answer 2

PushButton的行为与此不同，您有一个比创建自己的图像标签更好看的解决方案:

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

- Michael

Answer 3

或者，您可以使用这种方法。

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

我发现PushButton的x、y点击点计算存在问题，而普通按钮则没有这个问题。

- Robin

Answer 4

只需使用CSS并在图像中进行样式设置。像这样的东西应该使图像出现在按钮文本之前：

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

- David Parish

Answer 5

只需将HTML img标签设置在按钮内：

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

- Firas Sabbah