javaFX开发exe,升级复习(笔记,第六节) HBox和VBox

本文详细介绍了JavaFX中的HBox和VBox两种布局方式,通过实例展示了如何使用它们进行水平和垂直方向的控件排列,帮助开发者理解布局策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

水平布局:HBox

package fx.com;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class Main extends Application{

	public static void main(String[] args) {
		// TODO 自动生成的方法存根
       launch(args);
	}

	public void start(Stage arg0) throws Exception {
		// TODO 自动生成的方法存根
		AnchorPane ap=new AnchorPane();
		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");
		ap.setStyle("-fx-background-color:#fffe96");//对实现java_css
        /*HBox-水平布局  从左到右依次排列*/
		HBox box=new HBox();
		box.setStyle("-fx-background-color:#cde6c7");//对实现java_css
		/*没有控件不显示 给个宽,高*/
		box.setPrefHeight(200);
		box.setPrefWidth(200);
		box.setPadding(new Insets(10));//内边距
		box.setSpacing(10);//组件间距
		box.setMargin(b1, new Insets(10));//外边距
		box.setAlignment(Pos.CENTER);//布局方式 居中 右边浮动
		box.getChildren().add(b1);
		box.getChildren().add(b2);
		box.getChildren().add(b3);
		
		ap.getChildren().add(box);
		Scene sc=new Scene(ap);
        arg0.setScene(sc);
        arg0.setWidth(600);
        arg0.setHeight(600);
        arg0.show();
	}

}

垂直布局:VBox

package fx.com;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application{

	public static void main(String[] args) {
		// TODO 自动生成的方法存根
       launch(args);
	}

	public void start(Stage arg0) throws Exception {
		// TODO 自动生成的方法存根
		AnchorPane ap=new AnchorPane();
		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");
		ap.setStyle("-fx-background-color:#fffe96");//对实现java_css
        /*HBox-水平布局  从左到右依次排列*/
		VBox box=new VBox();
		box.setStyle("-fx-background-color:#cde6c7");//对实现java_css
		/*没有控件不显示 给个宽,高*/
		box.setPrefHeight(200);
		box.setPrefWidth(200);
		box.setPadding(new Insets(10));//内边距
		box.setSpacing(10);//组件间距
		box.setMargin(b1, new Insets(10));//外边距
		box.setAlignment(Pos.CENTER);//布局方式 居中 右边浮动
		box.getChildren().add(b1);
		box.getChildren().add(b2);
		box.getChildren().add(b3);
		
		ap.getChildren().add(box);
		Scene sc=new Scene(ap);
        arg0.setScene(sc);
        arg0.setWidth(600);
        arg0.setHeight(600);
        arg0.show();
	}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

加金开发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值