GWT按钮（图像+文字）

Question

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

“喜欢这个”

文字必须是可自定义的，所以我不能只是先制作图像

有关如何做到这一点的任何提示？

提前致谢。

Answer 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是一个更好的选择。