[java] JFoenix를 이용한 테이블뷰 디자인

JFoenix는 자바FX의 사용자 인터페이스 컴포넌트를 디자인하기 위한 오픈 소스 라이브러리입니다. 이 라이브러리를 사용하면 테이블뷰를 더 강력하고 멋진 디자인으로 만들 수 있습니다.

JFoenix 설치하기

JFoenix를 사용하기 위해서는 먼저 해당 라이브러리를 프로젝트에 추가해야 합니다. Maven이나 Gradle을 사용하는 경우, build 파일에 다음 의존성을 추가하세요.

<!-- Maven -->
<dependency>
    <groupId>com.jfoenix</groupId>
    <artifactId>jfoenix</artifactId>
    <version>9.0.10</version>
</dependency>

// Gradle
implementation 'com.jfoenix:jfoenix:9.0.10'

의존성을 추가한 후 프로젝트를 빌드하세요.

JFoenix로 테이블뷰 디자인하기

테이블뷰를 JFoenix로 디자인하려면 다음 단계를 따르세요.

  1. FXML 파일을 생성하고 테이블뷰를 정의하세요. JFXTreeTableView 대신 JFXTableView를 사용하여 일반적인 테이블뷰를 만듭니다.
<JFXTableView fx:id="tableView">
    <columns>
        <!-- 컬럼 정의 -->
    </columns>
</JFXTableView>
  1. Controller 클래스에서 TableView 객체를 얻고 JFXTreeTableColumn 대신 JFXTableColumn을 사용하여 컬럼을 추가하세요.
@FXML
private JFXTableView<MyModel> tableView;

@FXML
private JFXTableColumn<MyModel, String> nameColumn;

@FXML
private JFXTableColumn<MyModel, Integer> ageColumn;

// ...

public void initialize() {
    nameColumn.setCellValueFactory(new PropertyValueFactory<>("name"));
    ageColumn.setCellValueFactory(new PropertyValueFactory<>("age"));
    
    // 데이터 추가
    ObservableList<MyModel> data = FXCollections.observableArrayList();
    data.add(new MyModel("John", 25));
    
    tableView.setItems(data);
}
  1. XML 파일에 JFoenix 스타일 시트를 적용하세요.
<?import com.jfoenix.controls.JFXTableView?>

<JFXTableView xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml"
        fx:controller="com.example.MyController"
        stylesheets="@com/jfoenix/assets/css/jfoenix-design.css">
    <!-- 나머지 구성 요소들 -->
</JFXTableView>

위 단계를 따르면 JFoenix를 사용하여 멋진 디자인이 적용된 테이블뷰를 만들 수 있습니다. JFoenix의 다양한 기능을 활용하여 컴포넌트를 더욱더 개선하고 사용자 정의할 수 있습니다.

더 많은 JFoenix 컴포넌트 사용법과 예제는 공식 GitHub 저장소를 참조하세요.