FlowPane and Positioning

喜夏-厌秋 提交于 2020-01-07 03:48:13

问题


Is it possible to use a flowpane in the following way? Have two components (img/label) aligned to the left and then multiple buttons on the right. Example:

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

I am adding the buttons for design / ease of use but am running into a brick wall. I would prefer not to have to change the 'holding panel'.

If not can it be simulated in css (float?)

Thanks


回答1:


A FlowPanecan set margins. Here is an example that shows how to calculate the width of the margin so that the buttons are right aligned.

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

You basically subtract all the widths of the children of the FlowPane from the width of your scene.




回答2:


Yes it is!

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

That should seal the deal ;)



来源:https://stackoverflow.com/questions/34858706/flowpane-and-positioning

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!