JavaFX에서 장면 빌더 사용

MD Aminul Islam 2024년2월15일
  1. JavaFX에서 장면 빌더 사용
  2. JavaFX에서 Scene Builder의 중요한 특징 및 기능
JavaFX에서 장면 빌더 사용

JavaFX는 고품질 그래픽 사용자 인터페이스로 고품질 데스크탑 또는 웹 응용 프로그램을 만들고 제공하기 위한 소프트웨어 개발 플랫폼입니다. CSS 지원으로 GUI(Graphical User Interface)가 더욱 스마트해지고 고품질의 룩앤필이 포함됩니다.

자바를 기반으로 합니다. 따라서 JavaFx를 기반으로 생성된 애플리케이션은 크로스 플랫폼이며 Java Virtual Machine이 있는 환경을 지원합니다.

GUI는 JavaFx의 FXML로 설명되며 외부에서 컨트롤러 코드에 연결할 수 있습니다. 따라서 GUI를 쉽게 수정할 수 있습니다.

FXML은 XML 기반 마크업 언어입니다. 이 기사에서는 JavaFX에서 GUI를 빌드하는 놀라운 도구를 보여줍니다.

JavaFX에서 장면 빌더 사용

JavaFX로 작업할 때 코딩을 통해 다양한 UI(사용자 인터페이스) 구성 요소를 수동으로 그리거나 만들 수 있습니다. 그러나 코딩 없이 GUI를 생성할 수 있는 쉬운 방법이 있습니다.

Oracle에서 개발한 JavaFX Scene Builder를 사용하면 드래그 앤 드롭만으로 UI를 생성할 수 있습니다. 이 놀라운 도구는 컨트롤러 클래스를 자동으로 생성합니다.

이 도구는 ORACLE 공식 웹사이트에서 다운로드하여 설치할 수 있습니다. Scene Builder 도구의 몇 가지 기능에 대해 논의해 보겠습니다.

먼저 아래에 공유된 Scene Builder 도구의 사용자 인터페이스를 살펴보겠습니다.

장면 빌더

왼쪽에서 Containers, Controls, Miscellaneous, Shapes, Charts, 3d 등과 같은 다양한 하위 범주 아래에서 UI 구성 요소 선택기를 볼 수 있습니다. 구성 요소의 적절한 하위 범주를 선택하여 필요한 UI 구성 요소를 찾을 수 있습니다.

왼쪽 하단에서 UI 구조를 볼 수 있습니다. 오른쪽에는 특정 UI 구성 요소를 구성할 수 있는 속성이 표시되고 오른쪽 하단에는 UI와 관련된 레이아웃 및 코드가 있습니다.

JavaFX에서 Scene Builder의 중요한 특징 및 기능

Scene Builder 도구에는 사용하기 쉽게 해주는 사용자 친화적인 UI가 포함되어 있습니다. 또한 이 도구를 통해 UI 프로토타입을 테스트하고 개선하는 데 필요한 변경 사항을 찾을 수 있습니다.

다음은 Scene Builder 도구에서 제공하는 몇 가지 주요 기능에 대해 설명합니다.

UI 레이아웃 도구

이 Scene Builder 도구를 사용하면 레이아웃을 쉽게 만들고 다양한 JavaFX UI 컨트롤, 컨테이너, 차트 및 모양을 생성할 수 있습니다. 또한 사용자 인터페이스 프로토타입을 빠르게 생성하고 다양한 애니메이션과 효과를 UI에 적용할 수 있습니다.

FXML 비주얼 에디터

이 기능을 사용하면 끌어서 놓기로 사용자 인터페이스를 만들 수 있습니다. Scene Builder 도구는 사용자가 응용 프로그램에 대한 UI를 정의할 수 있도록 하는 XML 기반 마크업 언어인 FXML 형식으로 UI를 생성합니다.

응용 프로그램 논리의 일부가 아닙니다. 필요한 경우 UI FXML 파일을 편집할 수도 있습니다.

통합 개발자 워크플로

Scene Builder 도구를 NetBeans와 같은 다른 Java 지원 IDE와 결합할 수 있습니다. 사용자 활동에 따라 이벤트 및 작업을 처리하는 소스 코드에 사용자 인터페이스를 포함할 수 있습니다.

IDE에서 애플리케이션을 실행하고 IDE 또는 Scene Builder 도구에서 FXML을 수정할 수 있습니다.

CSS 지원

JavaFX는 사용자 인터페이스 구성 요소의 스타일 지정 및 편집을 위해 CSS를 지원합니다. 이러한 CSS 속성을 내부 및 외부에 모두 포함할 수 있습니다.

Scene Builder 도구를 통해 Scene Builder UI의 오른쪽에 배치된 속성에서 쉽게 CSS 지원을 받을 수 있습니다.

구성 요소를 선택한 다음 속성 패널에서 CSS를 사용하여 필요한 변경 사항을 제공하기만 하면 됩니다. Scene Builder에는 특정 UI 구성 요소에 대한 변경 사항을 시각화하는 CSS 분석기가 포함되어 있습니다.

Scene Builder는 Windows, macOS 및 Linux와 같은 모든 주요 운영 체제에서 사용할 수 있는 플랫폼 간 도구입니다.

MD Aminul Islam avatar MD Aminul Islam avatar

Aminul Is an Expert Technical Writer and Full-Stack Developer. He has hands-on working experience on numerous Developer Platforms and SAAS startups. He is highly skilled in numerous Programming languages and Frameworks. He can write professional technical articles like Reviews, Programming, Documentation, SOP, User manual, Whitepaper, etc.

LinkedIn

관련 문장 - Java JavaFX