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

时间:2012-05-15 06:54:22

标签: gwt alignment

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

  • view composite包含垂直放置的其他合成。

  • 第一行是一个包含多个PushButton的视图工具栏。用户单击它们以执行某些操作。 工具栏必须与视图合成的右侧对齐。

  • 放置在第二行和后续行中的复合材料用于 显示一些值。这些将与视图的左侧对齐 综合。

    • View


通过以下代码片段,我可以将工具栏对齐并将剩余的复合材料放在左侧

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);

这可以按要求运作。但我不知道调整这样的水平对齐是否是一个好主意。

是否有更好的方法可以将某些复合材料对齐到右侧,将其他复合材料对齐到面板的左侧。

1 个答案:

答案 0 :(得分:2)

在我看来,使用像HasHorizontalAlignment.ALIGN_LEFT这样的东西是一个很好的方法,如果它永远不会改变。

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

等方法

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