[java] JFoenix를 사용하여 맞춤형 UI 위젯 디자인하기

29 Nov 2023

java

JFoenix은 JavaFX를 위한 라이브러리로, 풍부하고 현대적인 사용자 인터페이스(UI)를 구현할 수 있는 위젯(Widget)을 제공합니다. 이 라이브러리를 사용하면 JavaFX로 맞춤형 디자인을 적용한 멋진 UI를 구현할 수 있습니다.

JFoenix 라이브러리 가져오기

먼저, 프로젝트에 JFoenix 라이브러리를 추가해야 합니다.

Maven을 사용하는 경우, pom.xml 파일에 다음의 의존성을 추가합니다:

<dependency>
    <groupId>com.jfoenix</groupId>
    <artifactId>jfoenix</artifactId>
    <version>9.0.8</version>
</dependency>

Gradle을 사용하는 경우, build.gradle 파일에 다음을 추가합니다:

dependencies {
    implementation 'com.jfoenix:jfoenix:9.0.8'
}

버튼 위젯 디자인하기

간단한 예제로 버튼 위젯을 디자인해보겠습니다. JFoenix의 JFXButton 클래스를 사용하여 맞춤형 버튼을 만들 수 있습니다.

import com.jfoenix.controls.JFXButton;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class CustomUIButton extends Application {

    @Override
    public void start(Stage primaryStage) {
        // 버튼 생성
        JFXButton button = new JFXButton("클릭하세요");
        
        // 버튼 스타일 설정
        button.setStyle("-fx-background-color: #2196F3; -fx-text-fill: white;");
        
        // 버튼 이벤트 처리
        button.setOnAction(event -> {
            System.out.println("버튼이 클릭되었습니다.");
        });
        
        // 루트 노드 생성
        StackPane root = new StackPane(button);
        
        // Scene 생성 및 Stage에 Scene 설정
        Scene scene = new Scene(root, 300, 200);
        primaryStage.setScene(scene);
        primaryStage.setTitle("맞춤형 버튼 디자인 예제");
        primaryStage.show();
    }

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

이 예제에서는 JFXButton을 생성하고, setStyle 메서드를 사용하여 버튼의 배경색과 글자색을 지정합니다. 또한, setOnAction 메서드를 사용하여 버튼의 클릭 이벤트를 처리합니다.

위의 예제 코드를 실행하면 맞춤형 버튼을 포함한 간단한 UI를 확인할 수 있습니다.

결론

JFoenix를 사용하면 JavaFX에서 맞춤형 디자인을 적용한 멋진 UI를 구현할 수 있습니다. 버튼 위젯을 예로 들었지만, JFoenix는 다양한 다른 위젯도 제공합니다. 자세한 내용은 JFoenix의 공식 문서를 참조하시기 바랍니다.

참고 자료

JFoenix 공식 GitHub 저장소: https://github.com/jfoenixadmin/JFoenix
JFoenix 공식 문서: http://www.jfoenix.com/