我正在使用 Eclipse 3.7、GWT 2.5、Java 1.6 和最新的 GPE。我已经使用了很多 UiBinder,现在我们正在研究将 GWT Designer 用于我们应用程序的下一个版本。我创建了一个基本的 Web 应用程序项目并让它生成它的示例代码。然后新建->GWT Designer->GWT UiBinder->对话框。然后我添加了一个按钮来生成弹出窗口,以及对话框的大小和标题。这是小部件代码:
public class TestPopup extends DialogBox {
private static final Binder binder = GWT.create(Binder.class);
@UiField FlowPanel flowPanel;
interface Binder extends UiBinder<Widget, TestPopup> {
}
public TestPopup() {
setWidget(binder.createAndBindUi(this));
setTitle("Test Popup Title");
setPixelSize(400, 300);
}
}
和相应的 *ui.xml 文件:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
.panel {
padding: 5px;
border: 5px solid cornflowerblue;
background-color: Menu;
}
</ui:style>
<g:FlowPanel styleName="{style.panel}" ui:field="flowPanel" width="100%" height="100%"/>
</ui:UiBinder>
这就是结果。谁能解释这些工具如何将一个简单的配置破解成这样: