GWT按钮中的图像[关闭]答案

【问题标题】：Image in GWT Button [closed]GWT按钮中的图像[关闭]
【发布时间】：2012-09-28 01:30:39
【问题描述】：

如何将图像添加到 GWT 按钮或如何使用 Mosaic 的按钮添加图像。我不知道如何在我的代码中使用THIS 示例。我需要添加什么库。我的项目中有 Mosaic 库，我可以使用它，但他们那里的示例对我不起作用。

谢谢

【问题讨论】：

你试过什么代码，结果如何？
如果你想要图像和文字，那么我可能会创建你想要的。我写了一篇关于这个 SO 问题的帖子：stackoverflow.com/questions/1853042/…
GWT官方样本：gwt.googleusercontent.com/samples/Showcase/…

【解决方案1】：

如果您只想将图像添加到普通的 GWT Button，那么PushButton 是要走的路：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

或者，你这个方法。

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

我发现 PushButton 在正确计算其 x、y 点击点时似乎存在问题，而普通按钮则没有。

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

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

【讨论】：