Wie man FlowPanel Fluss seine Kinder vertikal wie VerticalPanel?

Einen FlowPanel gerendert als html - '<div>', also nichts Hinzugefügt, es wird positioniert werden, abhängig von Ihrer Standard-Anzeige.

Beispielsweise Kinder-widgets dargestellt, als ein '<div>', wie Label wird vertikal aufgestellt, weil deren Standard-Verhalten ist als ein block, aber wenn Sie fügen Sie eine TextBox es dargestellt wird, als " <input>', deren Standard-display inline-block.

Also die Art und Weise zu entsorgen ist, Kinder in einem FlowPanel ist die Einstellung der Eigenschaft display passend für jedes Kinder, das spielen mit den float Eigentum oder andere css tweaken wie flexbox. Normalerweise gwt Designer tun das festlegen von Stilen im ui-binder Vorlagen. Aber wenn Sie wollen, zu tun, indem Sie code, den Sie dies tun können:

  //Example of a flow panel with all elements disposed in vertical
  FlowPanel verticalFlowPanel = new FlowPanel();
  TextBox textBox = new TextBox();
  Label label = new Label("Foo");
  textBox.getElement().getStyle().setDisplay(Display.BLOCK);
  verticalFlowPanel.add(textBox);
  verticalFlowPanel.add(label);
  RootPanel.get().add(verticalFlowPanel);

  //Example of a flow panel with all elements disposed in horizontal
  FlowPanel horizontalFlowPanel = new FlowPanel();
  TextBox textBox2 = new TextBox();
  Label label2 = new Label("Foo");
  label2.getElement().getStyle().setDisplay(Display.INLINE_BLOCK);
  horizontalFlowPanel.add(textBox2);
  horizontalFlowPanel.add(label2);
  RootPanel.get().add(horizontalFlowPanel);