GWT - 将复合材料对齐到右侧答案

【问题标题】：GWT - align composite to right sideGWT - 将复合材料对齐到右侧
【发布时间】：2012-05-15 18:13:14
【问题描述】：

在 GWT 中我需要一个类似于 Eclipse View 的组合

视图复合包含垂直放置的其他复合。
第一行是一个带有多个按钮的视图工具栏。用户单击它们以执行某些操作。工具栏必须与视图组合的右侧对齐。
放置在第二行和后续行中的复合材料用于显示一些值。这些将与视图的左侧对齐合成的。

使用以下代码 sn-p 我可以将工具栏向右对齐并将其余的复合材料放在左侧

CaptionPanel view = new CaptionPanel("Eclipse like view");
VerticalPanel vPanel = new VerticalPanel();
view.setContentWidget(vPanel);

ViewToolbar toolbar = new ViewToolbar();   // custom composite
vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_RIGHT);
vPanel.add(toolbar);        

ViewContent viewContent = new ViewContent(); // custom composite
vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_LEFT);
vPanel.add(viewContent);

这按要求工作。但我不知道像这样调整水平对齐是否是个好主意。

有没有更好的方法可以将一些复合材料对齐到面板的右侧，而将其他复合材料对齐到面板的左侧。

【问题讨论】：

标签： gwt alignment

【解决方案1】：

在我看来，使用 HasHorizontalAlignment.ALIGN_LEFT 之类的东西是一个好方法，如果它必须永远不会改变。

另一种方法是使用 CSS 声明和方法，如 myThing.addStyleName( myCustomStyle )

或者使用 uibinder 的方式来声明样式

【讨论】：

另外，我建议使用简单的 FlowPanel 而不是（基于 HTML 表的）VerticalPanel，因为您不再需要 setHorizontalAlignment() 方法。