GWT 按钮（图片+文字）

【问题标题】：GWT Button(Image + Text)GWT 按钮（图片+文字）
【发布时间】：2010-10-19 21:54:38
【问题描述】：

我需要制作一个带有一些文字的圆形按钮（居中）。对于圆形按钮，我使用的是 Image 和 onClick 方法，但是当我尝试在图像上重叠一些文本（居中）时出现问题。

“喜欢这个”

文本必须是可定制的，所以我不能以前只制作图像

有什么提示吗？

提前致谢。

【问题讨论】：

标签： java image gwt button

【解决方案1】：

你也可以使用一点 css 来实现这一点

Button b = new Button("Calcular");
b.setPixelSize(200, 127);
DOM.setStyleAttribute(b.getElement(), "background", "transparent url('http://www.greenthumbgraphics.com/images/buttons/shapes/oval.png')");
DOM.setStyleAttribute(b.getElement(), "border", "solid 0px white");
DOM.setStyleAttribute(b.getElement(), "textAlign", "center");
RootPanel.get().add(b);

但是有一个问题，按钮点击即使在透明区域也可以工作。此外，如果您在 mouseover 和 mousedown 上寻找不同的图像，那么使用 CustomButton 是一个更好的选择。

【讨论】：