이번 블로그 포스트에서는 JFoenix 라이브러리를 사용하여 JavaFX에서 쇼핑 목록 애플리케이션의 디자인을 만들어보겠습니다.
JFoenix란?
JFoenix는 JavaFX를 위한 Material Design 컴포넌트 라이브러리입니다. Material Design은 Google에서 개발한 시각적 디자인 언어로, 사용자 경험을 향상시키기 위해 일관된 디자인 원칙과 패턴을 제공합니다.
프로젝트 설정
처음으로 JFoenix를 사용하기 위해 프로젝트에 JFoenix 라이브러리를 추가해야 합니다. Maven이나 Gradle을 사용하는 경우, pom.xml 또는 build.gradle 파일에 아래 의존성을 추가합니다:
<dependencies>
<dependency>
<groupId>com.jfoenix</groupId>
<artifactId>jfoenix</artifactId>
<version>9.0.10</version>
</dependency>
</dependencies>
또는 Gradle을 사용하는 경우:
dependencies {
implementation 'com.jfoenix:jfoenix:9.0.10'
}
의존성을 추가한 후에는 IDE에서 프로젝트를 새로 고침하거나 빌드해야합니다.
쇼핑 목록 애플리케이션 디자인
이제 쇼핑 목록 애플리케이션의 디자인을 만들어보겠습니다. 이 예제에서는 JavaFX의 ListView를 사용하여 쇼핑 목록을 표시하고, JFoenix의 JFXTextField를 사용하여 쇼핑 목록 항목을 추가하는 입력 필드를 만들겠습니다.
import com.jfoenix.controls.JFXTextField;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class ShoppingListApp extends Application {
private ObservableList<String> shoppingList = FXCollections.observableArrayList();
public static void main(String[] args) {
launch(args);
}
@Override
public void start(Stage primaryStage) {
ListView<String> listView = new ListView<>(shoppingList);
JFXTextField textField = new JFXTextField();
textField.setOnAction(event -> {
String item = textField.getText();
shoppingList.add(item);
textField.clear();
});
VBox root = new VBox(listView, textField);
Scene scene = new Scene(root, 400, 300);
primaryStage.setScene(scene);
primaryStage.setTitle("Shopping List App");
primaryStage.show();
}
}
위의 코드는 ShoppingListApp 클래스에서 JavaFX 애플리케이션을 시작하는 코드입니다. ListView는 shoppingList 리스트를 사용하여 쇼핑 목록을 표시하고, JFXTextField는 사용자의 입력을 받아 shoppingList에 항목을 추가합니다.
실행 결과
위의 코드를 실행하면 다음과 같은 쇼핑 목록 애플리케이션이 생성됩니다. 사용자는 입력 필드에 텍스트를 입력하고 Enter 키를 누르면 목록에 항목이 추가되는 것을 확인할 수 있습니다.
이렇게 JFoenix를 사용하면 JavaFX 애플리케이션의 디자인을 손쉽게 개선할 수 있습니다. JFoenix의 다양한 컴포넌트를 사용하여 사용자 경험을 향상시킬 수 있으니, 자유롭게 활용해보세요!