Question

Google Web Toolkit是一件好事。我只是在设计方面遇到了一些问题。让我们从按钮开始：每个浏览器都会向我显示不同的按钮外观。

这里有Firefox：http://img832.imageshack.us/img832/3259/22957182.jpg 这是Internet Explorer：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到javascript，这些按钮（其他一切）都是javascriptbuttons或？我不知道javascript，但是有一种方法可以在IE上制作看起来像在Firefox上的按钮或者？

谢谢！

Answer 1

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-按钮{}

.WV-扣向上悬停{}

.WV-扣向上禁用{}

等等。

每个都定义了该面孔的背景图像：url（“”）。

GWT：设置按钮/设计按钮的最佳方法？

1 个答案: