[java] JFoenix를 사용하여 그리드 레이아웃 구현하기

29 Nov 2023

java

JFoenix는 JavaFX 애플리케이션을 개발할 때 사용할 수 있는 UI 라이브러리입니다. 이 라이브러리는 Material Design 스타일의 UI 컴포넌트를 제공하여 애플리케이션의 디자인을 개선하는 데 도움을 줍니다. 이번 글에서는 JFoenix를 사용하여 그리드 레이아웃을 구현하는 방법을 알아보겠습니다.

JFoenix 의존성 추가하기

JFoenix를 사용하기 위해서는 프로젝트의 의존성에 JFoenix를 추가해야 합니다. Maven 프로젝트인 경우, pom.xml 파일에 다음과 같이 JFoenix 의존성을 추가할 수 있습니다:

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

Gradle 프로젝트인 경우, build.gradle 파일에 다음과 같이 JFoenix 의존성을 추가할 수 있습니다:

implementation 'com.jfoenix:jfoenix:x.x.x'

여기서 x.x.x는 사용하고자 하는 JFoenix 버전입니다.

그리드 레이아웃 생성하기

그리드 레이아웃은 UI 요소들을 행과 열로 나누어 정렬하는 데 사용됩니다. JFoenix는 JFXGridPane 클래스를 통해 그리드 레이아웃을 구현할 수 있습니다. 아래의 예시 코드를 참고하여 그리드 레이아웃을 생성하는 방법을 알아보겠습니다:

import com.jfoenix.controls.JFXGridPane;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Stage;

public class GridPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        JFXGridPane gridPane = new JFXGridPane();
        gridPane.setPadding(new Insets(10));

        // 그리드 레이아웃에 요소 추가
        Label label1 = new Label("Element 1");
        gridPane.add(label1, 0, 0);

        Label label2 = new Label("Element 2");
        gridPane.add(label2, 1, 0);

        Label label3 = new Label("Element 3");
        gridPane.add(label3, 0, 1);

        Label label4 = new Label("Element 4");
        gridPane.add(label4, 1, 1);

        Scene scene = new Scene(gridPane, 400, 300);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

위의 코드에서는 JFXGridPane 객체를 생성하고 add(...) 메서드를 이용하여 그리드 레이아웃에 요소를 추가합니다. add(...) 메서드의 첫번째 인자는 추가하고자 하는 Node 객체이고, 두번째와 세번째 인자는 요소가 위치할 행과 열의 인덱스입니다.

실행결과

위의 예시 코드를 실행하면 다음과 같은 결과를 얻을 수 있습니다:

그리드 레이아웃 예시

마무리

이번 글에서는 JFoenix를 사용하여 그리드 레이아웃을 구현하는 방법을 알아보았습니다. JFoenix는 다양한 Material Design UI 컴포넌트를 제공하므로 JavaFX 애플리케이션에 보다 세련된 디자인을 적용할 수 있습니다. 추가적으로 JFoenix의 다른 기능들을 사용해보면서 애플리케이션의 사용자 경험을 향상시켜보세요.

참고 자료

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