流窗格和定位

Question

是否可以通过以下方式使用流窗格？将两个组件（img/label）左对齐，然后在右侧对齐多个按钮。例：

    +----------------------------------------------------------------+
    | +------+ +----------+                          +-----+ +-----+ |
    | |  Img | | Text...  |                          | btn | | btn | |
    | +------+ +----------+                          +-----+ +-----+ |
    +----------------------------------------------------------------+

我正在添加设计/易用性的按钮，但遇到了砖墙。我宁愿不必更改"保持面板"。

如果不是，可以在css（浮点数？

谢谢

Answer 1

FlowPane可以设置边距。下面的示例演示如何计算边距的宽度，以便按钮右对齐。

scene.widthProperty().addListener( ( observable, oldWidth, newWidth ) ->
{
  final double spacerMargin = newWidth.doubleValue()
      - scene.getRoot().getChildrenUnmodifiable().stream().mapToDouble( node -> node.getLayoutBounds().getWidth() ).sum();
  FlowPane.clearConstraints( btn3 );
  FlowPane.setMargin( btn3, new Insets( 0, 0, 0, spacerMargin ) );
} );

您基本上从场景的宽度中减去 FlowPane 子项的所有宽度。

Answer 2

是的！

myFlow.add(griddy); // this gridlayout contains img and text
myFlowcontainer.add(Box.createRigidArea(new Dimension(5,0))); // Creating a space between. 
The actual size will be defined by you
myFlow.add(griddy2); // The other element with the btn btn

这应该会敲定这笔交易;)