布局篇 - JavaFX FlowPane布局(流)

时间:2022-05-27 05:29:24

FlowPane布局

概述

FlowPane是一个容器。它在一行上排列连续的子组件,并且如果当前行填满了以后,则自动将子组件向下推到下一行。

FlowPane示例

布局篇 - JavaFX FlowPane布局(流)

Scene Builder上的FlowPane

步骤1

您可以使用JavaFX Scene Builder轻松设计界面。下图显示了使用Scane Builder的FlowPane设计。

File -> New -> Other..
布局篇 - JavaFX FlowPane布局(流)

步骤2

创建一个视图文件- FlowPaneView.fxml,并选择根元素为:FlowPane - javafx.scene.layout,如下图所示 -
布局篇 - JavaFX FlowPane布局(流)

步骤3

使用 Scene Builder 打开 FlowPaneView.fxml 文件 -
布局篇 - JavaFX FlowPane布局(流)

步骤4

将节点元件添加到FlowPane
布局篇 - JavaFX FlowPane布局(流)

步骤5

设置Vgap,Hgap和Padding。
布局篇 - JavaFX FlowPane布局(流)

步骤6

设置行对齐和列对齐。
布局篇 - JavaFX FlowPane布局(流)

首选宽度,首选高度