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);

但有一个问题，按钮点击即使在透明区域也能工作。此外，如果你想在鼠标悬停和鼠标按下时寻找不同的图像，那么使用CustomButton是一个更好的选择。