布局篇 - JavaFX FlowPane布局(流)

FlowPane布局

概述

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

FlowPane示例

布局篇 - JavaFX FlowPane布局(流)_第1张图片

Scene Builder上的FlowPane

步骤1

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

File -> New -> Other..
布局篇 - JavaFX FlowPane布局(流)_第2张图片

步骤2

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

步骤3

使用 Scene Builder 打开 FlowPaneView.fxml 文件 -
布局篇 - JavaFX FlowPane布局(流)_第4张图片

步骤4

将节点元件添加到FlowPane
布局篇 - JavaFX FlowPane布局(流)_第5张图片

步骤5

设置Vgap,Hgap和Padding。
布局篇 - JavaFX FlowPane布局(流)_第6张图片

步骤6

设置行对齐和列对齐。
布局篇 - JavaFX FlowPane布局(流)_第7张图片

首选宽度,首选高度

你可能感兴趣的:(JavaFx)