# 애니메이션
![animation-01][animation-01]  
미리보기와 모니터링 모드로 변환될 시 동작할 컴포넌트의 애니메이션들을 설정할 수 있다.  
  - 이벤트 시점
  1. onCreate - 뷰 모드가 실행되는 순간부터 애니메이션 동작.
  1. onChange - 컴포넌트의 데이터가 변경이 되었을 때 동작.
  - 애니메이션 종류  
  1. Rotation-CW  
  ![animation-02][animation-02]  
  1. Rotation-CWW  
  ![animation-03][animation-03]  
  1. Vibration  
  ![animation-04][animation-04]  
  1. Hearbeat  
  ![animation-05][animation-05]  
  1. Moving-Right  
  ![animation-06][animation-07]  
  1. Moving-Left  
  ![animation-07][animation-06]  
  1. Moving-Bottom  
  ![animation-08][animation-09]  
  1. Moving-Top  
  ![animation-09][animation-08]  
  1. Outline  
  ![animation-10][animation-10]


[animation-01]:../images/animation-01.gif

[animation-02]:../images/animation-02.gif

[animation-03]:../images/animation-03.gif

[animation-04]:../images/animation-04.gif

[animation-05]:../images/animation-05.gif

[animation-06]:../images/animation-06.gif

[animation-07]:../images/animation-07.gif

[animation-08]:../images/animation-08.gif

[animation-09]:../images/animation-09.gif

[animation-10]:../images/animation-10.gif
