×
JavaFX教程JavaFX概述和简介JavaFX开发环境安装配置安装e(fx)clipse到Eclipse (JavaFX工具)在Eclipse安装JavaFX Scene BuilderJavaFX快速入门

形状

JavaFX线条JavaFX矩形椭圆JavaFX路径JavaFX圆弧JavaFX多边形折线JavaFX曲线JavaFX文本

属性

JavaFX颜色JavaFX渐变颜色JavaFX属性JavaFX绑定JavaFX集合

布局

JavaFX FlowPane布局JavaFX HBoxJavaFX VBoxJavaFX BorderPane布局JavaFX GridPane布局JavaFX ScrollPane布局JavaFX TitledPane布局JavaFX Accordion布局

UI控件

JavaFX标签JavaFX按钮JavaFX单选按钮JavaFX切换按钮JavaFX复选框JavaFX选择框JavaFX文本域(输入框)JavaFX密码字段JavaFX超链接JavaFX进度条JavaFX进度指示器JavaFX滚动条JavaFX DatePickerJavaFX颜色选择器(ColorPicker)JavaFX文件选择器(FileChooser)JavaFX菜单(Menu)

图表

JavaFX FlowPane布局


JavaFX FlowPane布局

1- FlowPane布局

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

2- FlowPane示例

Main.java 代码如下 -

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.CheckBox;
import javafx.scene.control.RadioButton;
import javafx.scene.control.TextField;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        FlowPane root = new FlowPane();

        root.setHgap(10);
        root.setVgap(20);
        root.setPadding(new Insets(15,15,15,15));

        // Button 1
        Button button1= new Button("Button1");
        root.getChildren().add(button1);


        // Button 2
        Button button2 = new Button("Button2");
        button2.setPrefSize(100, 100);
        root.getChildren().add(button2);

        // TextField
        TextField textField = new TextField("Text Field");
        textField.setPrefWidth(110);


        root.getChildren().add(textField);

        // CheckBox
        CheckBox checkBox = new CheckBox("Check Box");

        root.getChildren().add(checkBox);

        // RadioButton
        RadioButton radioButton = new RadioButton("Radio Button");
        root.getChildren().add(radioButton);

        Scene scene = new Scene(root, 550, 250);

        primaryStage.setTitle("FlowPane Layout Demo");
        primaryStage.setScene(scene);
        primaryStage.show();
    }


    public static void main(String[] args) {
        launch(args);
    }

}

运行示例,得到以下结果:

3- Scene Builder上的FlowPane

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

  • File -> New -> Other..

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

使用 Scene Builder 打开 FlowPaneView.fxml 文件 -

将节点元件添加到FlowPane

设置VgapHgapPadding

设置行对齐和列对齐。

首选宽度,首选高度


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)