파일 fxml_example.fxml에서 XML 문서 입력 선언 후 자바스크립트 선언을 추가합니다. background.jpg 파일의 배경에 대한 회색 린넨 과 같은 이미지를 다운로드하고 fxmlexample 폴더에 추가합니다. load 메서드는 여러 작업을 수행하며 이러한 작업이 발생하는 순서를 이해하는 것이 유용합니다. 이 간단한 예제에서는 지금 응용 프로그램을 실행하여 전체 사용자 인터페이스를 볼 수 있습니다. 그림 4-3은 두 필드에 텍스트를 입력하고 로그인 단추를 클릭할 때 결과를 보여 주며, 이 에 대한 결과를 보여줍니다. 문제가 있는 경우 코드를 FXMLLogin 예제와 비교할 수 있습니다. 개체 그래프에서 VBox를 나타내려면 FXML에서 태그를 사용해야 한다는 것을 어떻게 알 수 있습니까? 그것은 어렵고 쉽습니다. FXML 태그에 대한 설명서가 없기 때문에 어렵습니다. FXML에는 태그 이름을 구성하는 요소를 설명하는 몇 가지 규칙이 있기 때문에 쉽습니다. 예를 들어 태그 이름이 클래스의 단순 또는 전체 정규화된 이름인 경우 태그는 해당 클래스의 개체를 만듭니다. 위의 요소는 VBox 클래스의 개체를 만듭니다.

위의 FXML은 정규화된 클래스 이름을 사용하여 다시 작성할 수 있습니다. 이 예제에서는 창을 늘리거나 축소할 때 그리드가 가운데에 유지됩니다. 패딩 속성은 창을 작게 만들 때 그리드 주위에 패딩이 있는지 확인합니다. FXML 문서의 루트 요소는 개체 그래프의 최상위 개체입니다. 위의 예제의 최상위 개체는 VBox입니다. 따라서 FXML의 루트 요소는 다음과 같이 표시됩니다. FxFXMLExample4.fxml을 로드하고 로드된 VBox를 장면에 추가합니다. FxFXMLButton.fxml 파일에서 확인 버튼이 있는 창이 표시되고 레이블이 FxFXMLLabel.fxml 파일에서 로드됩니다. 이 예제에서는 «%입력» 및 «%출력»을 Label의 텍스트 속성값으로 사용합니다. 속성 값은 % 기호로 시작합니다.

FXMLLoader는 ResourceBundle에서 «입력» 및 «출력»의 값을 조회하고 텍스트 속성에 사용합니다. 예를 들어 레이블을 만드는 FXML 문서를 포함하는 경우 포함된 문서와 포함된 문서의 텍스트 속성을 지정할 수 있습니다. 포함된 문서가 로드되면 포함된 문서의 텍스트 속성이 사용됩니다. FXML에서 만든 개체는 동일한 문서의 다른 위치에 참조할 수 있습니다. JavaFX 코드 내에서 FXML에서 만든 UI 개체의 참조를 얻는 것이 일반적입니다. FXML의 개체를 fx:id 특성으로 먼저 식별하여 이 작업을 수행할 수 있습니다. fx:id 특성의 값은 개체의 식별자입니다. 개체 형식에 id 속성이 있는 경우 속성에 대 한 값도 설정 됩니다.

JavaFX의 각 노드에는 CSS에서 참조하는 데 사용할 수 있는 ID 속성이 있습니다. 다음은 레이블에 대한 fx:id 특성을 지정하는 예입니다. 이 예제에서는 세 개의 ResourceBundle 파일을 사용하고 있습니다: Labels.properties라는 기본 로케일, Labels_de.properties라는 독일 로캘용 파일, Labels_en.properties라는 영어 로캘에 대해 하나: 다음으로 fxml_example.fxml 파일을 편집합니다. 이 파일은 응용 프로그램이 시작될 때 표시되는 사용자 인터페이스를 지정합니다.