GWT：設置按鈕/設計按鈕的最佳方法？

Google Web Toolkit是一件好事。我只是在設計上遇到了一些問題。讓我們從按鈕開始：每個瀏覽器都會讓我看到一個按鈕的不同外觀。GWT：設置按鈕/設計按鈕的最佳方法？

這裏的Firefox：http://img832.imageshack.us/img832/3259/22957182.jpg 這裏的IE瀏覽器：http://img62.imageshack.us/img62/9310/32392601.jpg

的代碼始終是相同的：

Button btnTest = new Button("Test"); 
     layoutPanel.add(btnTest); 
     layoutPanel.setWidgetLeftWidth(btnTest, 58.0, Unit.PX, 87.0, Unit.PX); 
     layoutPanel.setWidgetTopHeight(btnTest, 238.0, Unit.PX, 25.0, Unit.PX);

我可以使用btnTest.setSize ...額外的，但它不會改變的問題。我不明白這一點。我需要一個網站，其中的按鈕（和其他所有東西）在IE上看起來很正常。

這就是爲什麼我問：有沒有不同的方式來設計gwt按鈕？因爲使用正常的gwt按鈕是越野車（見圖片）。「熟練」的人使用gwt有什麼樣的技巧？

我的意思是gwt = java to javascript，這些按鈕（其他所有內容）都是javascriptbuttons還是？我不知道關於JavaScript，但有一種方法可以使IE上的按鈕看起來像在Firefox上一樣嗎？

謝謝！

來源

2011-05-04 Lissy

Button類使用瀏覽器的原生按鈕實現。爲了更細緻地控制按鈕的外觀，將CustomButton擴展到所需的精確面。

http://google-web-toolkit.googlecode.com/svn/javadoc/latest/com/google/gwt/user/client/ui/CustomButton.html

我不知道具體的教程，但我的代碼看起來是這樣的：

公共類WVButton擴展的CustomButton {

public WVButton() { 
    super(); 
    this.setStylePrimaryName("WV-Button"); 
}

然後CSS文件有

.WV-Button {}

.WV鍵式上懸停{}

.WV鍵式上殘疾人{}

等。

其中每個都定義了該臉部的background-image：url（「」）。

來源

2011-05-06 02:32:46

嗨戈特弗裏德。謝謝你的答案。我不知道如何用「我想要的精確臉」來擴展CustomButton。有沒有一些教程呢？謝謝。 – Lissy 2011-05-06 14:20:17

仍在研究如何使用它，請參閱上面的答案。 – 2011-05-06 17:46:48

GWT：設置按鈕/設計按鈕的最佳方法？

回答

相關問題