JavaFx基础学习【三】：Scene

叁歲伎倆 2023-10-14 18:25 15阅读 0赞

**目录**

前言

一、介绍

二、代码体验

三、结果演示

四、总结

五、其他章节

--------------------

### 前言 ###

如果你还没有看过前面的文章，可以通过以下链接快速前往学习：

[JavaFx基础学习【一】：基本认识\_明天再去学习的博客-CSDN博客][JavaFx_-CSDN]

[JavaFx基础学习【二】：Stage\_明天再去学习的博客-CSDN博客][JavaFx_Stage_-CSDN]

###  ###

### 一、介绍 ###

Scene，就是场景，在整体结构中，就是蓝色那一块的

![1a15730f2aa740c9aba05916246c0954.png][]

为了更好的体验出什么是Scene，以下提供了两个不同背景颜色的Scene，让大家知道是在Application中是处于哪一块，从图中我们可以很容易看出来，圈出来的内容，我们Scene就是指这一大块区域的内容，在以后开发中，我们的每个Scene可以有不同的大小、背景颜色、Node元素之类的，好比我们每个网页都有不同标签及样式：

![9b4aa4a048054bed90e564ff0a4bc027.png][]

### 二、代码体验 ###

以下我们将创建两个Scene，第一个Sence有一个按钮可以进入到第二个人Scene，第二个Scene有一个按钮可以返回到第一个Scene，从而做到不同Scene之间的切换，让大家更容易理解什么是Scene

代码如下：

public class App extends Application{
    
        @Override
        public void start(Stage primaryStage) throws Exception {
            // 第一个Scene，及进入第二个Scene的按钮
            Button button = new Button("进入第二个Scene");
            button.setPrefWidth(150);
            button.setPrefHeight(150);
            BorderPane borderPane = new BorderPane(button);
            Scene scene = new Scene(borderPane, 400, 400);
    
            // 第二个Scene，及返回第一个Scene的按钮
            Button button2 = new Button("返回第一个Scene");
            button2.setPrefWidth(150);
            button2.setPrefHeight(150);
            BorderPane borderPane2 = new BorderPane(button2);
            Scene scene2 = new Scene(borderPane2, 400, 400);
    
            button.setOnAction(event -> {
                primaryStage.setScene(scene2);
            });
    
            button2.setOnAction(event -> {
                primaryStage.setScene(scene);
            });
    
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
        public static void main(String[] args )
        {
            launch(args);
        }
    }

### 三、结果演示 ###

![260082e9d39c437f8c1f3c6d46974360.png][]

![bf39d6eb53b14da1bf70bcbd6f30309d.png][]

以上需要知道的一点是，我们是替换掉了除了Stage窗口的所有内容部分，并不是只是换了一个元素Node按钮那么简单，我们替换的是一大块内容，而这大块内容中，又包括了一些各种各样的组件，比如按钮、标签之类的元素，如果还是不懂，可以前往总结看看我个人所理解的Scene。

### 四、总结 ###

这里，我们把Application比作概念上的浏览器，那么，Stage便是我们看到的浏览器窗口本身，而Scene就是我们看到的一个个网页，那么Node就是网页组成中的一个个元素。

以上仅是个人理解，如果有错误，可以请大家评论区指出。

### 五、其他章节 ###

[JavaFx基础学习【四】：UI控件的通用属性\_明天再去学习的博客-CSDN博客][JavaFx_UI_-CSDN]

[JavaFx基础学习【五】：FXML布局文件使用\_明天再去学习的博客-CSDN博客][JavaFx_FXML_-CSDN]

[JavaFx_-CSDN]: https://blog.csdn.net/Staba/article/details/132225830
[JavaFx_Stage_-CSDN]: https://blog.csdn.net/Staba/article/details/132227741
[1a15730f2aa740c9aba05916246c0954.png]: https://img-blog.csdnimg.cn/1a15730f2aa740c9aba05916246c0954.png
[9b4aa4a048054bed90e564ff0a4bc027.png]: https://img-blog.csdnimg.cn/9b4aa4a048054bed90e564ff0a4bc027.png
[260082e9d39c437f8c1f3c6d46974360.png]: https://img-blog.csdnimg.cn/260082e9d39c437f8c1f3c6d46974360.png
[bf39d6eb53b14da1bf70bcbd6f30309d.png]: https://img-blog.csdnimg.cn/bf39d6eb53b14da1bf70bcbd6f30309d.png
[JavaFx_UI_-CSDN]: https://blog.csdn.net/Staba/article/details/132245344
[JavaFx_FXML_-CSDN]: https://blog.csdn.net/Staba/article/details/132259634