javafx布局类Pane

最新推荐文章于 2024-08-04 03:53:12 发布

原创最新推荐文章于 2024-08-04 03:53:12 发布 · 1.6w 阅读

93 ·

CC 4.0 BY-SA版权

javafx基础专栏收录该内容

15 篇文章

订阅专栏

本文介绍 JavaFX 中 Pane 的使用方法，包括继承关系、添加子节点、设置节点位置及大小等基本操作，并展示了如何通过样式设置美化界面。

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

继承关系：

java.lang.Object

javafx.scene.Node
- javafx.scene.Parent
  - javafx.scene.layout.Region
    - javafx.scene.layout.Pane

子类：

AnchorPane, BorderPane, FlowPane, GridPane, HBox, StackPane, TilePane, VBox

Pane是java最基本的布局类，它可以直接使用

public class TestPane extends Application{

	public static void main(String[] args) {
		launch();
	}
	public void start(Stage primaryStage) throws Exception {	
		Pane pane=new Pane();
		Scene scene=new Scene(pane);
	
		primaryStage.setWidth(500);
		primaryStage.setHeight(500);
		primaryStage.setScene(scene);
		primaryStage.setTitle("TestPane");
		primaryStage.show();
	}

}

在这里插入图片描述

添加子节点（Node）

pane的子节点都放在一个可观察列表中（ObservableList <Node>），通过getChildren()方法获取该列表，向列表中添加节点即可。

	Button button=new Button ("button");
	pane.getChildren().add(button);

在这里插入图片描述

布局上会将所有节点放在（0,0）位置，后面的会覆盖前面的

	Button button=new Button ("button");
	pane.getChildren().add(button，new Button ("button2"));

在这里插入图片描述

如果将button放大，则可以看到它：

	Button button=new Button ("button");
	button.setFont(Font.font("sans-serif",40));
	pane.getChildren().add(button，new Button ("button2"));

在这里插入图片描述

节点可设置布局位置：

	Button button=new Button ("button");
	button.setFont(Font.font("sans-serif",40));
	button.setLayoutX(100);
	button.setLayoutY(100);
	pane.getChildren().add(button，new Button ("button2"));

在这里插入图片描述

Pane的大小可以设置初始值，前提是其父节点未有明确指定大小

		pane.setPrefHeight(200);
		pane.setPrefWidth(200);
		//	primaryStage.setWidth(300);
    	//	primaryStage.setHeight(300);

在这里插入图片描述

如果父节点有明确指定大小，pane将适应父节点；

		pane.setPrefHeight(200);
		pane.setPrefWidth(200);
		primaryStage.setWidth(300);
    	primaryStage.setHeight(300);

在这里插入图片描述
Pane的属性监听器

	pane.widthProperty().addListener(listener);

Pane的样式可以通过setStyle方法设置
在这里插入图片描述

	pane.setStyle("-fx-background:red;");

也可以用css修改，以下是官网链接：
https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#scatterchart

当然Pane也可以设置透明度，透明度也将作用于子节点

	pane.setOpacity(0.5);

在这里插入图片描述