GWT Button（Image + Text）

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

，但有一個問題，點擊按鈕，即使在透明區域合作。此外，如果您在鼠標懸停和mousedown上查找不同的圖像，則使用CustomButton是更好的選擇。