java fxml布局怎样设计 - 问答

Java FXML 是一种用于创建 JavaFX 应用程序的界面布局语言。要使用 FXML 设计布局，请遵循以下步骤：

安装 JavaFX SDK：首先，确保已在计算机上安装了 JavaFX SDK。如果没有，请访问 https://gluonhq.com/products/javafx/ 下载并安装。
创建新的 FXML 文件：在项目中创建一个新的 FXML 文件。可以使用文本编辑器（如 Notepad++ 或 Visual Studio Code）或者集成开发环境（如 IntelliJ IDEA 或 Eclipse）创建。
编写 FXML 代码：在 FXML 文件中，编写 XML 代码来定义布局。以下是一个简单的 FXML 示例：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?><AnchorPane xmlns:fx="http://javafx.com/fxml">
    <VBox AnchorPane.topAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" spacing="10.0">
       <Label text="Hello, World!" />
       <Button text="Click me!" onAction="#handleButtonClick" />
    </VBox>
</AnchorPane>

创建控制器类：为 FXML 文件创建一个控制器类。这个类将处理用户交互和业务逻辑。在控制器类中，添加事件处理方法，如按钮点击事件等。例如：

package com.example;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;

public class MyController {
    @FXML
    private void handleButtonClick(ActionEvent event) {
        System.out.println("Button clicked!");
    }
}

指定控制器类：在 FXML 文件中，通过 fx:controller 属性指定控制器类。例如：

    <!-- ... -->
</AnchorPane>

加载 FXML 文件：在 Java 代码中，使用 FXMLLoader 类加载 FXML 文件并显示场景。例如：

package com.example;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("my_layout.fxml"));
        primaryStage.setTitle("Hello, JavaFX!");
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
    }

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

运行应用程序：现在，运行 Java 应用程序。你应该看到一个包含标签和按钮的窗口。点击按钮时，控制台将输出 “Button clicked!”。

通过遵循这些步骤，你可以使用 FXML 设计 JavaFX 应用程序的布局。你可以根据需要添加更多的 UI 组件和事件处理方法。

0 赞

0 踩