이클립스(Eclipse)에서 Java를 이용해 데스크톱 응용 프로그램 개발시 GUI 사용을 위한 환경 구성 (e(fx)lipse 플러그인, SceneBuilder 사용)

2019.07.24에 작성한 글임

준비물 

JDK, Eclipse 등을 이미 설치하였고 환경 구성까지 완료되어있다고 가정함

 

1. e(fx)clipse (3.5.0) 플러그인 설치

• Java를 이용하여 데스크톱 응용 프로그램을 개발할 때 GUI 라이브러리인 JavaFX를 사용하기 위해 e(fx)clipse 플러그인을 설치
• Help > Eclipse Marketplace > e(fx)clipse 설치

e(fx)clipse 플러그인 설치

 

2. SceneBuilder 설치

• GUI 작업을 위해 Oracle javafx SceneBuilder 2.0 설치
• 다운로드: https://www.oracle.com/technetwork/java/javafxscenebuilder-1x-archive-2199384.html

SceneBuilder 설치

 

3. 정상구동 확인

• 이클립스에서 JavaFX 프로젝트 생성

JavaFX 프로젝트 생성

 

• 생성된 UserInteractionView.fxml파일 마우스 우클릭 > Open with SceneBuilder 클릭

.fxml 파일

 

• Open with SceneBuilder 클릭시 아래와 같이 GUI를 구성할 수 있는 화면이 생성됨

.fxml 우클릭 후 Open with SceneBuilder 클릭시 뜨는 화면

 

• SceneBuilder 화면 저장 후 Main 클래스를 클릭해보면 아래와 같은 비슷한 코드가 생성되어있음
  
  SceneBuilder를 이용하여 직접 화면을 구성할 수 있으며 화면 구성시 Main의 코드도 자동으로 수정됨
  또한 JavaFX 라이브러리를 이용하여 Main에서 직접 코드로 화면을 구성이 가능함 

package com.IntelligentSystem.UserInteraction;

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

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {
            BorderPane root = (BorderPane)FXMLLoader.load(getClass().getResource("UserInteractionView.fxml"));
            Scene scene = new Scene(root,400,400);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }

    public static void main(String[] args) {

        launch(args);
    }
}

 

• Main 클래스 실행시 따로 화면 구성을 한게 없어서 아래와 같이 아무 화면이 없는 프로그램이 실행되며 정상으로 구동됨을 확인할 수 있음

프로그램 화면