使gwt按鈕透明

我在基於GWT的應用程序中有一些按鈕。每個按鈕都包含一個圖像。這個想法是隻顯示包含的按鈕中的形象，而不是按鈕本身，而是繼承了按鈕的功能和性能，我使用一個HashMap裏面的按鈕：使gwt按鈕透明

final Map<Button, Integer> buttonRowMap = new HashMap<Button, Integer>();

我可以告訴你的代碼相關的「問題」：

final Button gu = new Button(); 
buttonRowMap.put(gu, i); 
Image imggu = new Image("Imagenes\\Add.png"); 
imggu.setSize("25%", "25%"); 
gu.getElement().appendChild(imggu.getElement()); 
gu.getElement().setId(""+i); 
gu.setTitle("Modify");

我想要實現它是顯示在我的GWT的圖像，就好像它是一個按鈕的結果，但沒有顯示出像它被嵌入的按鈕。

任何人都可以幫我嗎？

謝謝。

來源

2014-01-07 Catersa

你試過擴展'ButtonBase'而不是'Button'嗎？ –

延長ButtonBase？對不起，我不知道你的意思，阿諾。 – Catersa

如果你不想顯示按鈕，爲什麼不擺脫他們，並把圖像直接在地圖內？您也可以將圖片添加到圖片。 –

我會建議用css來做這件事。

button.setSyleName("add")

然後在CSS

button.add { 
    background: url(images/add.png) no-repeat center center fixed; 
    border: none; 
}

您需要把add.png在公共目錄中/images/add.png

另一種選擇是，你可以使用CssResource和一個將背景圖像添加到按鈕的精靈。

來源

2014-01-07 21:29:40

雖然，這不是我正在做的，我發現你的答案是完全有效的，因此，我打勾它是正確的。謝謝！ – Catersa

您應該簽出cssresource和精靈功能。它會加快你的用戶界面，因爲它會在編譯時將編碼圖像並將編碼圖像內聯到你的css中。這樣瀏覽器不必將圖像作爲單獨的http獲取。 http://www.gwtproject.org/doc/latest/DevGuideClientBundle.html#CssResource –

使gwt按鈕透明

回答

相關問題