javafx代码转换fxml

JavaFX中提供了FXML来将UI界面与Java代码分离，使得UI设计师可以专注于设计UI界面，而Java开发者可以专注于编写业务逻辑代码。因此，将JavaFX代码转换为FXML文件可以提高开发效率和可维护性。

下面是将JavaFX代码转换为FXML的步骤：

1. 创建FXML文件

在项目的src/main/resources目录下创建一个新的FXML文件。可以使用FXML Editor或者任何文本编辑器来创建和编辑FXML文件。

2. 将JavaFX代码复制到FXML文件中

将JavaFX代码中的UI界面部分复制到FXML文件中的fx:root标签内。如下所示：

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<fx:root type="AnchorPane" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <Button text="Click Me!" />
    </children>
</fx:root>

3. 添加FXML注释

在FXML文件中添加FXML注释，以指定FXML文件和Java类之间的关联。如下所示：

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<!-- Sample.fxml -->
<fx:root type="AnchorPane" xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <Button text="Click Me!" />
    </children>
</fx:root>

4. 在Java类中加载FXML文件

在Java类中使用FXMLLoader类来加载FXML文件，并将其与UI界面关联。如下所示：

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        FXMLLoader loader = new FXMLLoader(getClass().getResource("Sample.fxml"));
        Parent root = loader.load();
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
    }


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

以上就是将JavaFX代码转换为FXML文件的步骤。通过使用FXML，可以更好地管理UI界面和业务逻辑代码，提高开发效率和可维护性。