[java] JFoenix를 이용한 그래프 디자인

29 Nov 2023

java

JFoenix은 JavaFX를 위한 Material Design 라이브러리로, 사용자 인터페이스(UI)의 디자인을 보다 쉽고 효율적으로 구현할 수 있도록 도와줍니다. 이 라이브러리를 이용하면 그래프 디자인도 간편하게 수행할 수 있습니다.

JFoenix 설치

JFoenix를 사용하기 위해서는 먼저 프로젝트에 해당 라이브러리를 추가해야 합니다.

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

<dependencies>
    <dependency>
        <groupId>com.jfoenix</groupId>
        <artifactId>jfoenix</artifactId>
        <version>8.0.10</version>
    </dependency>
</dependencies>

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

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

그래프 디자인 예시

다음은 JFoenix를 이용하여 그래프를 디자인하는 예시입니다. JavaFX의 LineChart 컨트롤을 사용하여 그래프를 생성하고, JFoenix의 JFXNodesList를 이용하여 그래프에 삽입될 노드들을 관리합니다.

import com.jfoenix.controls.JFXNodesList;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class GraphDesignExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        NumberAxis xAxis = new NumberAxis();
        NumberAxis yAxis = new NumberAxis();
        LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);

        XYChart.Series<Number, Number> series = new XYChart.Series<>();
        series.getData().add(new XYChart.Data<>(1, 23));
        series.getData().add(new XYChart.Data<>(2, 14));
        series.getData().add(new XYChart.Data<>(3, 15));
        series.getData().add(new XYChart.Data<>(4, 24));
        series.setName("Data");

        JFXNodesList nodesList = new JFXNodesList();
        nodesList.addAnimatedNode(new JFXButton("Add Data"));
        nodesList.addAnimatedNode(new JFXButton("Remove Data"));
        lineChart.setTop(nodesList);

        lineChart.getData().add(series);

        StackPane root = new StackPane();
        root.getChildren().add(lineChart);

        Scene scene = new Scene(root, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

위 예시에서는 JFXNodesList를 사용하여 “Add Data”와 “Remove Data”라는 노드를 그래프 위에 추가하였습니다.

결론

JFoenix를 이용하면 JavaFX 애플리케이션에서 그래프 디자인을 보다 쉽게 구현할 수 있습니다. 이 라이브러리의 다양한 기능을 활용하여 사용자 친화적인 UI를 개발할 수 있습니다. JFoenix의 공식 문서와 예제를 참고하여 더 많은 기능을 익혀보세요.

참고 자료

JFoenix 공식 GitHub: https://github.com/jfoenixadmin/JFoenix
JFoenix 다운로드: https://mvnrepository.com/artifact/com.jfoenix/jfoenix