JavaFx基础学习【二】：Stage

r囧r小猫 2023-10-14 17:56 22阅读 0赞

**目录**

前言

一、介绍

二、窗口Stage常用属性

三、常用属性使用及演示

四、其他章节

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

### 前言 ###

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

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

### 一、介绍 ###

窗口Stage为图中标绿部分：

![1a15730f2aa740c9aba05916246c0954.png][]

实际为如下部分：

不同的操作系统表现的样式不同，以下都是以Windows操作系统为例，为了使大家更清楚Stage是那部分，直接看以下图，可能更清楚：

![e41da607c31b4b9fbf5a7bf287920ddf.png][]

有点潦草，但意思就是窗口框体

### 二、窗口Stage常用属性 ###

·Title，窗口标题

·icon，窗口图标

·resizable，窗口是否可改变大小

·x，y，应用显示在桌面位置

·width，height，窗口宽、高

·StageStyle，窗口风格

·Modality，窗口是否模态

·event，窗口事件

·还有更多属性，这里就不一一罗列并且体验啦

### 三、常用属性使用及演示 ###

1、Title，设置窗口的标题

public class App extends Application{
    
        @Override
        public void start(Stage primaryStage) throws Exception {
            primaryStage.setTitle("我的应用");
            primaryStage.show();
        }
    
        public static void main(String[] args )
        {
            launch(args);
        }
    }

效果：可以看到窗口的名称已经变为“我的应用”：

![f7c9f810a4404a5bab3f1fe71fa3ec41.png][]

2、icon，设置窗口的图标，此处的图标为阿里巴巴矢量图标库中下载使用的，敢兴趣的小伙伴可以进行下载使用

primaryStage.getIcons().add(new Image("icon/cookie.png"));

效果：可以看到窗口的图标已经变为我们自定义的图标：

![4d78ca89f260461eb9b936bac76a150b.png][]

3、resizable，是否允许改变窗口大小

默认的情况下是true，当我们将鼠标移动至窗口边缘时，可以拖动任意改变窗口大小，我们将resizable设置为false，进行验证效果

primaryStage.setResizable(false);

效果：可以看到当我们将鼠标移动至窗口边缘时，无法拖拉进行窗口大小改变，此处请自行验证

4、x，y，用于设置窗口在桌面上显示的位置

默认情况下，当我们没有设置x，y时，窗口显示在桌面正中，当我们设置x，y时，窗口就将按照我们的设置进行显示，以下进行小狗演示

primaryStage.setX(20);
    primaryStage.setY(20);

效果：可以看到当我们设置了窗口x，y之后，窗口将按照具体位置进行展示，，此处请自行验证

5、width，height，用于设置窗口大小

primaryStage.setWidth(200);
    primaryStage.setHeight(200);

效果：可以看到窗口大小随着我们设置width，height进行改变：

![86eb25755f5b438085a3190411f9383f.png][]

6、StageStyle，用户设置窗口的样式

我们可以通过枚举类选择窗口样式，默认的窗口样式为“DECORATED”

枚举类StageStyle有以下样式：

*  DECORATED
 *  UNDECORATED
 *  TRANSPARENT
 *  UTILITY
 *  UNIFIED

我们逐一体验下以上所有样式

1）DECORATED

> 用纯白背景和平台装饰定义一个普通的窗口样式

primaryStage.initStyle(StageStyle.DECORATED);

效果如下：

![815623df142c46cf9ebf394e781b3cbc.png][]

2）UNDECORATED

> 定义一个窗口样式，背景为纯白，没有任何装饰

primaryStage.initStyle(StageStyle.UNDECORATED);

该样式有以下两种情况：

·当我们没有为Stage设置Sence时，我们在桌面上将看不到任何东西

·当我们有为Stage设置Sence时，可以看到，该窗口样式的最大特点就是，我们看不到标题、图表、隐藏按钮，全屏按钮、关闭按钮那一栏，效果如下：

![8423191cd752440c88012f3ba81ed871.png][]

3）TRANSPARENT

> 定义具有透明背景且没有装饰的窗口样式。

primaryStage.initStyle(StageStyle.TRANSPARENT);

光凭肉眼上看，与UNDECORATED样式一致，具体还需后面仔细体验才能知道：

![8423191cd752440c88012f3ba81ed871.png][]

4）UTILITY

> 定义具有纯白背景和用于实用程序窗口的最小平台装饰的样式。

primaryStage.initStyle(StageStyle.UTILITY);

可以看到，该样式的窗口是没有图表、隐藏按钮以及全屏按钮的，效果如下：

![4252186a4a2f4aa7acbb3a74464ad731.png][]

5）UNIFIED

> 使用平台装饰定义窗口样式，并消除客户端区域和装饰之间的边界。客户区背景与装修统一

primaryStage.initStyle(StageStyle.UNIFIED);

光凭肉眼上看，该窗口样式与DECORATED一致，具体还需后面仔细体验才能知道：

![815623df142c46cf9ebf394e781b3cbc.png][]

7、Modality，窗口是否模态

Modality有以下枚举类型：

*  NONE
 *  WINDOW\_MODAL
 *  APPLICATION\_MODAL

1）Modality之NONE，就是我们窗口默认的配置：

public class App extends Application{
    
        @Override
        public void start(Stage primaryStage) throws Exception {
            // 节点node
            Button button = new Button("open new scene");
            // 给按钮添加点击事件，点击后打开一个新的窗口
            button.setOnAction(e -> {
                Label label = new Label("我是新窗口");
                BorderPane borderPane = new BorderPane(label);
                Scene scene = new Scene(borderPane);
    
                Stage stage = new Stage();
                stage.setScene(scene);
                stage.show();
            });
    
    
            BorderPane borderPane = new BorderPane(button);
    
            // 场景scene
            Scene scene = new Scene(borderPane, 300, 300);
    
            // 窗口Stage
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
        public static void main(String[] args )
        {
            launch(args);
        }
    }

以上我们没有设置Modality，你也可以添加以下配置

stage.initModality(Modality.NONE);

以上当我们点击按钮时，将会打开一个新的窗口，而且此时，我们可以操作其他窗口，效果如下：

![f71dca82ccde48999887a1b552b3b294.png][]

可以看到，最大窗口的关闭是可以点击的

2）、Modality之APPLICATION\_MODAL

当我们为新窗口添加如下配置时，我们便不能操作其他窗口了：

stage.initModality(Modality.APPLICATION_MODAL);

效果如下：

![2bc69e05d66e47bd9058d25e211ea6ab.png][]

可以看到，最大窗口的关闭是不可以点击的

3）Modality之WINDOW\_MODAL

public class App extends Application{
    
        @Override
        public void start(Stage primaryStage) throws Exception {
            // 节点node1
            Button button = new Button("open new scene1(WINDOW_MODAL)");
            button.setLayoutX(20);
            button.setLayoutY(20);
            // 给按钮添加点击事件，点击后打开一个新的窗口
            button.setOnAction(e -> {
                Label label = new Label("WINDOW_MODAL");
                BorderPane borderPane = new BorderPane(label);
                Scene scene = new Scene(borderPane);
    
                Stage stage = new Stage();
                stage.setWidth(200);
                stage.setHeight(200);
                stage.setScene(scene);
                // 指定父窗口，配合WINDOW_MODAL使用
                stage.initOwner(primaryStage);
                stage.initModality(Modality.WINDOW_MODAL);
                stage.show();
            });
    
            // 节点node2
            Button button2 = new Button("open new scene2(NONE)");
            button2.setLayoutX(20);
            button2.setLayoutY(50);
            // 给按钮添加点击事件，点击后打开一个新的窗口
            button2.setOnAction(e -> {
                Label label = new Label("NONE");
                BorderPane borderPane = new BorderPane(label);
                Scene scene = new Scene(borderPane);
    
                Stage stage = new Stage();
                stage.setWidth(200);
                stage.setHeight(200);
                stage.setScene(scene);
                stage.show();
            });
    
    
            AnchorPane anchorPane = new AnchorPane();
            anchorPane.getChildren().add(button);
            anchorPane.getChildren().add(button2);
    
    
            // 场景scene
            Scene scene = new Scene(anchorPane, 300, 300);
    
            // 窗口Stage
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
        public static void main(String[] args )
        {
            launch(args);
        }
    }

当我们点击两次NONE按钮，生成两个NONE模态生效的窗口，再点击一次WINDOW\_MODAL按钮，发现，由于WINDOW\_MODAL的父窗口就是我们一开始看到的窗口，该窗口是不能够点击使用的，而两个NONE窗口是能够正常使用的，以上就是WINDOW\_MODAL模态类型的使用，效果如下：

![94e80647d8e94a2e9baeb99ba4b81061.png][]

可以看到，NONE模态窗口是可以操作的，WINDOW\_MODAL也可以，但是最大窗口不行

8、event，事件

如关闭窗口事件

//Platform.setImplicitExit(false);
    primaryStage.setOnCloseRequest(event -> {
    
        event.consume();
        Alert alert = new Alert(Alert.AlertType.CONFIRMATION);
        alert.setTitle("退出程序");
        alert.setHeaderText(null);
        alert.setContentText("是否退出程序？");
    
        Optional<ButtonType> result = alert.showAndWait();
            if(result.get().equals(ButtonType.OK)){
            Platform.exit();
        }
    });

显示效果如下：

![c97b3298ca9e4ccf93103bfb83d1697c.png][]

### 四、其他章节 ###

[JavaFx基础学习【三】：Scene\_明天再去学习的博客-CSDN博客][JavaFx_Scene_-CSDN]

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

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

[JavaFx_-CSDN]: https://blog.csdn.net/Staba/article/details/132225830
[1a15730f2aa740c9aba05916246c0954.png]: https://img-blog.csdnimg.cn/1a15730f2aa740c9aba05916246c0954.png
[e41da607c31b4b9fbf5a7bf287920ddf.png]: https://img-blog.csdnimg.cn/e41da607c31b4b9fbf5a7bf287920ddf.png
[f7c9f810a4404a5bab3f1fe71fa3ec41.png]: https://img-blog.csdnimg.cn/f7c9f810a4404a5bab3f1fe71fa3ec41.png
[4d78ca89f260461eb9b936bac76a150b.png]: https://img-blog.csdnimg.cn/4d78ca89f260461eb9b936bac76a150b.png
[86eb25755f5b438085a3190411f9383f.png]: https://img-blog.csdnimg.cn/86eb25755f5b438085a3190411f9383f.png
[815623df142c46cf9ebf394e781b3cbc.png]: https://img-blog.csdnimg.cn/815623df142c46cf9ebf394e781b3cbc.png
[8423191cd752440c88012f3ba81ed871.png]: https://img-blog.csdnimg.cn/8423191cd752440c88012f3ba81ed871.png
[4252186a4a2f4aa7acbb3a74464ad731.png]: https://img-blog.csdnimg.cn/4252186a4a2f4aa7acbb3a74464ad731.png
[f71dca82ccde48999887a1b552b3b294.png]: https://img-blog.csdnimg.cn/f71dca82ccde48999887a1b552b3b294.png
[2bc69e05d66e47bd9058d25e211ea6ab.png]: https://img-blog.csdnimg.cn/2bc69e05d66e47bd9058d25e211ea6ab.png
[94e80647d8e94a2e9baeb99ba4b81061.png]: https://img-blog.csdnimg.cn/94e80647d8e94a2e9baeb99ba4b81061.png
[c97b3298ca9e4ccf93103bfb83d1697c.png]: https://img-blog.csdnimg.cn/c97b3298ca9e4ccf93103bfb83d1697c.png
[JavaFx_Scene_-CSDN]: https://blog.csdn.net/Staba/article/details/132244456
[JavaFx_UI_-CSDN]: https://blog.csdn.net/Staba/article/details/132245344
[JavaFx_FXML_-CSDN]: https://blog.csdn.net/Staba/article/details/132259634