java - 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 是更好的选择。