java - GWT 面板设计最佳实践

Question

我是 GWT 的新手，也是 Swing/SWT 风格界面构建的新手。我用 HTML 工作了很长时间，我知道如何用它来构建我的 UI。但是，我无法将其转换为 GWT。我目前正在尝试制作的是一个简单的用户界面，左侧有一个表格，有 4 列、标题和标题，右侧有一个面板，带有输入和一些下拉列表(左侧列表的过滤器)。我已经将其作为 HTML 模型制作，但我无法将其转换为 GWT。表中的每一行还应该有一个用于选择表中项目的选择链接。

我知道UiBinder , 但鉴于自 12 月以来一直有一个页面，但它仍然没有出来，它似乎不是一个可行的选择。如果我可以将我的 HTML 转换为一些 GWT 代码，我会很高兴，但似乎 GWT 中存在的东西处于更高的抽象级别。似乎也很难将 DOM.createElement 东西与小部件结合使用，即。创建我自己的自定义面板。

Answer 1

您所描述的内容似乎很容易在 GWT 中使用内置面板获得。

我建议你看看the GWT showcase ，并查看源代码以了解它是如何完成的。

---

停靠面板示例

DockPanel dock = new DockPanel();
dock.setStyleName("cw-DockPanel");
dock.setSpacing(4);
dock.setHorizontalAlignment(DockPanel.ALIGN_CENTER);

// Add text all around
dock.add(new HTML(constants.cwDockPanelNorth1()), DockPanel.NORTH);
dock.add(new HTML(constants.cwDockPanelSouth1()), DockPanel.SOUTH);
dock.add(new HTML(constants.cwDockPanelEast()), DockPanel.EAST);
dock.add(new HTML(constants.cwDockPanelWest()), DockPanel.WEST);
dock.add(new HTML(constants.cwDockPanelNorth2()), DockPanel.NORTH);
dock.add(new HTML(constants.cwDockPanelSouth2()), DockPanel.SOUTH);

// Add scrollable text in the center
HTML contents = new HTML(constants.cwDockPanelCenter());
ScrollPanel scroller = new ScrollPanel(contents);
scroller.setSize("400px", "100px");
dock.add(scroller, DockPanel.CENTER);