[java] JFoenix를 사용하여 할일 목록 애플리케이션 디자인

29 Nov 2023

java

할일 목록 애플리케이션을 개발할 때, 사용자 친화적이고 멋진 디자인이 필요합니다. 이를 위해 JFoenix 라이브러리를 사용할 수 있습니다. JFoenix는 JavaFX의 확장된 기능을 제공하는 오픈 소스 라이브러리입니다.

JFoenix란?

JFoenix는 Material Design 원칙을 기반으로 한 JavaFX 라이브러리입니다. Material Design은 Google에서 개발한 시각적인 디자인 언어로서 사용자 경험을 향상시키고 일관된 디자인을 제공합니다. JFoenix는 이러한 디자인 원칙을 JavaFX에 적용하여 아름답고 사용하기 쉬운 애플리케이션을 만들 수 있도록 도와줍니다.

JFoenix 설치하기

JFoenix를 사용하기 위해서는 다음과 같은 단계로 설치해야 합니다.

JFoenix의 최신 버전을 다운로드합니다. JFoenix 다운로드 링크
다운로드한 JAR 파일을 프로젝트의 라이브러리 폴더에 추가합니다. (예: lib 폴더)
프로젝트의 Build Path에 JFoenix JAR 파일을 추가합니다. 이는 프로젝트 설정에 따라 다를 수 있습니다.

JFoenix를 사용한 할일 목록 애플리케이션 디자인

JFoenix를 사용하여 할일 목록 애플리케이션의 디자인을 만들어보겠습니다. 아래는 할일을 추가할 수 있는 폼과 할일 목록을 표시하는 테이블이 포함된 UI 예제입니다.

import com.jfoenix.controls.JFXButton;
import com.jfoenix.controls.JFXTextField;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TodoListApp extends Application {

    private ObservableList<TodoItem> todoItems = FXCollections.observableArrayList();

    public static class TodoItem {
        private String task;

        public TodoItem(String task) {
            this.task = task;
        }

        public String getTask() {
            return task;
        }
    }

    @Override
    public void start(Stage primaryStage) {
        JFXTextField taskTextField = new JFXTextField();
        taskTextField.setPromptText("할일을 입력하세요");

        JFXButton addButton = new JFXButton("추가");
        addButton.setOnAction(event -> {
            String task = taskTextField.getText();
            if (!task.isEmpty()) {
                todoItems.add(new TodoItem(task));
                taskTextField.clear();
            }
        });

        TableColumn<TodoItem, String> taskColumn = new TableColumn<>("할일");
        taskColumn.setCellValueFactory(new PropertyValueFactory<>("task"));

        TableView<TodoItem> tableView = new TableView<>();
        tableView.setItems(todoItems);
        tableView.getColumns().add(taskColumn);

        VBox root = new VBox(10);
        root.setPadding(new Insets(10));
        root.getChildren().addAll(taskTextField, addButton, tableView);

        primaryStage.setScene(new Scene(root, 400, 400));
        primaryStage.setTitle("할일 목록 애플리케이션");
        primaryStage.show();
    }

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

위의 코드는 JFoenix의 JFXButton, JFXTextField 및 TableView를 사용하여 할일 목록 애플리케이션의 UI를 구현한 부분입니다. 입력한 할일은 TableView에 표시되며, 추가 버튼을 클릭하면 목록에 새로운 항목이 추가됩니다.

결론

JFoenix를 사용하여 할일 목록 애플리케이션의 디자인을 개선할 수 있습니다. 이 라이브러리는 JavaFX에 강력한 기능을 추가하고 사용하기 쉬운 Material Design을 제공합니다. JFoenix를 사용하여 애플리케이션의 디자인을 개선하고 사용자 경험을 향상시킬 수 있습니다.

참고: JFoenix GitHub 페이지