javafx
씬 빌더

소개

비고

FXML을 사용하는 기본 JavaFX 프로젝트

이 프로젝트는 NetBeans (New Project -> JavaFX -> JavaFX FXML Application)로 작성된 FXML을 사용하는 기본 프로젝트입니다. 여기에는 세 개의 파일 만 있습니다.

주요 응용 프로그램 클래스

package org.stackoverflow;

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

public class BasicApplication extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("BasicFXML.fxml"));

        Scene scene = new Scene(root);

        stage.setScene(scene);
        stage.show();
    }

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

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.*?>

<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.stackoverflow.BasicFXMLController">
    <children>
        <Button layoutX="126" layoutY="90" text="Click Me!" onAction="#handleButtonAction" fx:id="button" />
        <Label layoutX="126" layoutY="120" minHeight="16" minWidth="69" fx:id="label" />
    </children>
</AnchorPane>

제어 장치

package org.stackoverflow;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Label;

public class BasicFXMLController {

    @FXML
    private Label label;

    public void initialize() {
        // TODO
    }   

    @FXML
    private void handleButtonAction(ActionEvent event) {
        label.setText("Hello World!");
    }

}

운영

프로젝트를 빌드하고 실행하면 클릭 가능한 버튼이있는 작은 창이 표시됩니다.

작동 원리

요약하면, 메인 애플리케이션 클래스에서 FXMLLoader는로드 basicFXML.fxml 지정한대로 병 / 클래스 경로에서 FXMLLoader.load(getClass().getResource("BasicFXML.fxml")) .

basicFXML.fxml 로딩 할 때 로더는 basicFXML.fxml 에서 fx:controller="org.stackoverflow.BasicFXMLController" 에 지정된대로 컨트롤러 클래스의 이름을 찾습니다.

그러면 로더는 FXML에 fx:id 가있는 모든 객체를 주입하려고 시도하고 컨트롤러 클래스에서 @FXML 주석으로 표시되는 해당 클래스의 인스턴스를 만듭니다.

이 샘플에서 FXMLLoader는 <Label ... fx:id="label"/> 기반으로 레이블을 만들고 @FXML private Label label; 레이블 인스턴스를 삽입합니다 @FXML private Label label; .

마지막으로 FXML 전체가로드되면 FXMLLoader가 컨트롤러의 initialize 메소드를 호출하고 버튼을 사용하여 액션 핸들러를 등록하는 코드가 실행됩니다.

편집 중

FXML 파일은 IDE 내에서 편집 할 수 있지만 IDE는 시각적 지침이 아닌 기본 구문 확인 및 자동 완성 기능 만 제공하므로 권장하지 않습니다.

가장 좋은 방법은 장면 빌더를 사용하여 FXML 파일을 여는 것으로 모든 변경 사항이 파일에 저장됩니다.

씬 빌더가 실행되어 파일을 열 수 있습니다 :

또는 IDE에서 직접 Scene Builder를 사용하여 파일을 열 수 있습니다.

• NetBeans의 프로젝트 탭에서 파일을 두 번 클릭하거나 마우스 오른쪽 버튼을 클릭하고 Open 선택합니다.
• IntelliJ의 프로젝트 탭에서 파일을 마우스 오른쪽 단추로 클릭하고 Open In Scene Builder 에서 Open In Scene Builder 선택합니다.
• Eclipse의 프로젝트 탭에서 파일을 마우스 오른쪽 단추로 클릭 Open with Scene Builder 선택하십시오.

씬 빌더가 제대로 설치되고 경로가 IDE에 추가되면 (아래 비고 참조), 파일을 열게됩니다 :

변경 내용은 왼쪽 창에서 새 컨테이너 또는 새 컨트롤을 드래그하여 만들 수 있으며 속성 및 레이아웃 값은 오른쪽 창에서 변경할 수 있습니다.

FXML을 Java 코드에 삽입 할 수있게하는 id 태그 중 하나는 fx:id 입니다. Code 창에서 설정할 수 있습니다.

변경 사항을 적용한 후 파일을 저장하십시오 (씬 빌더 -> 파일 -> 저장). IDE에서 파일을 편집하면 파일을 저장할 때 Scene Builder에서 업데이트됩니다.