[java] JFoenix를 이용한 애니메이션 효과 추가

29 Nov 2023

java

JFoenix는 JavaFX를 향상시킨 오픈 소스 라이브러리로서, 사용자 인터페이스(UI)를 작성할 때 다양한 애니메이션 효과를 추가하는 데 도움이 됩니다. 이번 블로그 포스트에서는 JFoenix를 사용하여 JavaFX 애플리케이션에 애니메이션 효과를 추가하는 방법에 대해 알아보겠습니다.

JFoenix 설치하기

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

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

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

implementation 'com.jfoenix:jfoenix:8.0.10'

의존성을 추가한 후에는 프로젝트를 동기화하여 JFoenix를 사용할 수 있도록 해야 합니다.

애니메이션 효과 추가하기

JFoenix를 사용하여 애니메이션 효과를 추가하는 방법은 간단합니다. 먼저, JFXButton 등 JFoenix에서 제공하는 UI 컴포넌트를 사용하여 원하는 인터페이스를 만듭니다. 그런 다음, 애니메이션 효과를 적용할 UI 컴포넌트에 대해 다음과 같은 코드를 추가합니다:

JFXButton button = new JFXButton("Click Me!");

button.setOnMouseEntered(event -> {
    // 애니메이션 효과 추가
    JFXFillTransition fillTransition = new JFXFillTransition(Duration.millis(500), button);
    fillTransition.setFromValue(Color.RED);
    fillTransition.setToValue(Color.BLUE);
    fillTransition.setCycleCount(Timeline.INDEFINITE);
    fillTransition.setAutoReverse(true);
    fillTransition.play();
});

button.setOnMouseExited(event -> {
    // 애니메이션 효과 제거
    button.setEffect(null);
});

위의 예제 코드에서는 마우스가 버튼 위로 진입할 때와 나갈 때 각각 애니메이션 효과를 추가하고 제거하는 방법을 보여줍니다. JFXFillTransition 클래스를 사용하여 색상 변화 애니메이션 효과를 추가하고 있습니다.

에제 실행하기

예제를 실행하려면 JavaFX 애플리케이션의 start() 메서드에서 인터페이스를 초기화하고 UI를 보여주는 코드를 작성해야 합니다:

public void start(Stage primaryStage) throws Exception {
    // JFXButton 생성
    JFXButton button = new JFXButton("Click Me!");

    button.setOnMouseEntered(event -> {
        // 애니메이션 효과 추가
        JFXFillTransition fillTransition = new JFXFillTransition(Duration.millis(500), button);
        fillTransition.setFromValue(Color.RED);
        fillTransition.setToValue(Color.BLUE);
        fillTransition.setCycleCount(Timeline.INDEFINITE);
        fillTransition.setAutoReverse(true);
        fillTransition.play();
    });

    button.setOnMouseExited(event -> {
        // 애니메이션 효과 제거
        button.setEffect(null);
    });

    // Scene 생성
    Scene scene = new Scene(new StackPane(button), 200, 200);

    // Stage 설정
    primaryStage.setScene(scene);
    primaryStage.show();
}

위의 예제 코드를 실행하면 마우스가 버튼 위로 진입할 때 버튼의 색상이 변화하는 애니메이션 효과가 적용됩니다.

결론

JFoenix를 사용하면 JavaFX 애플리케이션에 쉽게 애니메이션 효과를 추가할 수 있습니다. 이를 통해 UI를 생동감 있게 만들고 사용자 경험을 향상시킬 수 있습니다. JFoenix의 다양한 애니메이션 효과를 활용하여 개발자는 더욱 효율적이고 매력적인 애플리케이션을 구현할 수 있습니다.

참고 자료: