JavaFX(七)之FXML

fxml不仅可以用代码写,而且可以直接作图,非常方便。而且事件单独出来,更加简洁。格式也不难理解。
主函数:

//package javafx;
//
//import javafx.application.Application;
//import javafx.fxml.FXMLLoader;
//import javafx.scene.Scene;
//import javafx.scene.layout.Pane;
//import javafx.stage.Stage;
//
//public class Main7 extends Application {
    
    
//    public static void main(String[] args) {
    
    
//        Application.launch(args);
//    }
//    @Override
//    public void start(Stage primaryStage) throws Exception {
    
    
//        Pane root = new FXMLLoader.load(getClass().getResource("d.fxml"));
//
//        Scene scene = new Scene(root,500,500);
//        primaryStage.setScene(scene);
//        primaryStage.show();
//
//    }
//}

fxml:

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<?import javafx.scene.text.Font?>
<AnchorPane xmlns="http://javafx.com/javafx"
            xmlns:fx="http://javafx.com/fxml"
            fx:controller="javafx.dcontroller"
            prefHeight="400.0" prefWidth="600.0">
 //属性直接写在后面,对象需要另写
    <children>
        <Label fx:id="l" text="动起来" layoutX="150" layoutY="200">
            <font>
                <Font size="30"/>
            </font>
        </Label>
        <Button fx:id="bu" text="向上走起" layoutX="300" layoutY="300" onAction="#onUp"/>
        //前面加#号后面接方法名,运行时就会调用这个方法
    </children>>
</AnchorPane>

controller:

package javafx;

import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.Label;

public class dcontroller {
    
    
    Label l;

    @FXML
    Button bu;

    public void onUp() {
    
    
        l.setLayoutY(l.getLayoutY() - 5);
    }
}

猜你喜欢

转载自blog.csdn.net/YiNianShangE/article/details/125137249