我需要制作一个圆形按钮,上面有一些文本(居中)。 对于圆形按钮,我使用 Image 和 onClick 方法,但是当我尝试在图像上重叠一些文本(居中)时,我的问题出现了。
“像这样”
文本必须是可定制的,所以我不能只预先制作图像
有任何关于如何做到这一点的提示吗?
提前致谢。
最佳答案
您还可以使用一些 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 是更好的选择。
关于java - GWT按钮(图片+文字),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3973114/