JavaFX- GridPane(网格布局)

package sample;


import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;


public class Main extends Application {


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

    @Override
    public void start(Stage primaryStage) throws Exception {

        Button b1 = new Button("b1");
        Button b2 = new Button("b2");
        Button b3 = new Button("b3");
        Button b4 = new Button("b4");
        Button b5 = new Button("b5");
        Button b6 = new Button("b6");
        Button b7 = new Button("b7");
        Button b8 = new Button("b8");

        GridPane gd = new GridPane();//网格布局
        gd.setStyle("-fx-background-color: darksalmon");

//设置组件在GDP的第几行第几列
        gd.add(b1, 0, 0);
        gd.add(b2, 1, 0);
        gd.add(b3, 2, 0);
        gd.add(b4, 3, 0);
        gd.add(b5, 0, 1);
        gd.add(b6, 1, 1);
        gd.add(b7, 2, 1);
        gd.add(b8, 3, 1);

//水平、垂直间距
        gd.setHgap(10);
        gd.setVgap(10);

        //三个重要方法::内边距、外边距、对齐方式
//        gd.setPadding(new Insets(25));//内边距
//
//        gd.setMargin(b1, new Insets(5));//设置b1的外边距,会使得当前行的所有控件水平排列

//        gd.setAlignment( Pos.BOTTOM_CENTER);//向下居中


//单独设置b1的位置,需要把上面add的注释掉  ---   方法1用的较少
//        gd.setConstraints(b1,1,1);
//        gd.getChildren().add(b1);

//单独设置b1的位置,需要把上面add的注释掉  ---   方法2用的也较少
//        gd.setRowIndex(b1, 0);
//        gd.setColumnIndex(b1, 1);
//        gd.getChildren().add(b1);

        //单独设置某行某列间距 ---用的较少
//        gd.getColumnConstraints().add(new ColumnConstraints(400));//第一列间距
//        gd.getRowConstraints().add(new RowConstraints(50));///第一行间距

        Scene scene = new Scene(gd);


        primaryStage.setScene(scene);
        primaryStage.setTitle("Java FX Lesson18.GridPane ");
        primaryStage.setWidth(800);
        primaryStage.setHeight(800);
        primaryStage.show();


    }


}

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值