(JavaFX) JavaFX 애니메이션 사용법

 이번 시간에는 JavaFX에서 애니메이션을 사용하는 방법에 대해서 알아보도록 하겠습니다.

---

JavaFX 애니메이션 종류

Transitions

• 내부 타임라인을 이용한 애니메이션

Fade Transition

• 주어진 시간 동안 투명도를 변화시키는 Transition
• 샘플 코드
• 결과 화면

---

Path Transition

• 주어진 시간 동안 하나의 끝 점에서 다른 끝 점으로 이동

• 샘플 코드
• 결과 화면

---

Parallel Transition

• 주어진 시간 동안 하나의 끝 점에서 다른 끝 점으로 이동

• 샘플 코드

---

Sequential Transition

• 여러 Transition들을 순차적으로 실행
• 샘플 코드

---

Timeline Animation

•  시간의 흐름에 따라 속성을 변경할 수 있도록 함 (속성: 크기, 위치, 색 등)
  • stop, pause, resume, reverse, repeat, movement 등을 사용 가능

Basic Timeline Animation

• 기본적인 사용법

• 100x50 크기의 (100, 50) 위치에 있는 네모를 (300, 50) 위치로 500ms 동안 이동
• x 좌표 속성 값을 이동 시키는 방식
  • Key 값: 네모의 xProperty() 이용
  • KeyFrame 값 : 500ms 동안 처리
• 샘플코드

---

Basic Timeline Animation

• timeline이 실행되는 동안 발생할 수 있는 이벤트
  
  • 처음 크기가 20인 원모양의 X, Y 값을 2씩(keyValueX, keyValueY) 2s동안 증가 후 감소
  • 원모양 안에는 text로 0 ~ 값을 계속 증가 시킴(매 프레임마다 증가)
• 한 cycle이 지난 후 text를 0으로 변경하고, 원모양의 X 값을 랜덤으로 이동시키고자 함
• 샘플 코드

---

Interpolators

• 시작점과 종료 지점 사이를 Interpolation하여 이동

Build-in Interpolators

• 제공되는 Interpolator가 존재

---

Custom Interpolators

• Interpolator를 상속받아 Interpolation 공식을 직접 구현

---

참고 사이트

Creating Transitions and Timeline Animation in JavaFX: About This Document | JavaFX 2 Tutorials and Documentation

JavaFX Animation Example | Examples Java Code Geeks - 2020

---

끝으로

이 글이 도움이 되었다면, Google 광고 한번씩 클릭 부탁 드립니다. 🙏🙏🙏

광고 클릭은 많은 힘이 됩니다!