iTween이나 DoTween을 사용할수도 있다.
소스가 공개 되어 있는 ugui-Tween-Tool을 사용해보자.
간단하게 사용하기 위해 Scripts 폴더만 복사해서 사용했다.
기본적인 사용법
UTweenPosition 컴포넌트를 이용하여 버튼을 밖으로 이동하여 사라지는 효과를 줘 보자.UI 인터페이스는 NGUI-Tween과 비슷하다.
1. 인스펙트 뷰 > Add Component > uTools > UTweenPositon 추가
2. 추가한 UTweenPositon 컴포넌트를 비활성화 한다.
To 항목의 Y 위치 값을 -1000으로 설정한다.
실행 방법은 두가지가 있다.
첫번째 방법은 유니티를 플레이후 UTweenPositon 컴포넌트를 활성화 하면 버튼이 아래로 내려가면서 화면에서 사라진다.
두번째 방법은 버튼을 클릭 했을때이다.
- Button에 있는 UTweenPosition 컴포넌트를 드래그 한다.
- uTwwenPosition.Play를 선택한다.
- Play이 아래 체크박스를 체크한다.( Play(true)의미이다 )
Play(true)이면 순방향으로 진행, Play(false)이면 역방향으로 진행한다.
uTwwenPosition.Play 하는 순간 uTweenPosition이 활성화 되고 있다.
버튼 원위치로 이동
버튼을 3개를 배치하고 Button은 UTweenPosition 컴포넌트가 있는 오브젝트, Play(true) 버튼, Play(false) 버튼을 만든다.
Play(true) 버튼을 누르면 Button이 아래로 사라지고 Play(false) 버튼을 누르면 Button이 원래 위치로 돌아 온다.
 |
 |
Play(true) 버튼과 Play(false) 버튼의 차이점은 Play 파라메터가 true이냐 false이냐 차이이다.
Button Inspector
Play(true) Inspector
Play(false) Inspector
코드로 시작위치로 원상 복구
uTweenPosition 포지션이 있는 패널이 Active = false 될때 uTweenPosition을 원래 위치로 원상복구 시키자.패널이 활성화 되면 uTweenPosition에 의해 위치가 이동 하는것을 다시 볼수 있다.
uTweenPosition은 위치 이동 진행후 비활성화 된다.
uTools.uTweenPosition tween = transform.GetComponentInChildren<uTools.uTweenPosition>();
if (tween.amountPerDelta < 0)
tween.Toggle(); //amountPerDelta 값이 순방향이 아니면 순방향으로 토글한다.
tween.ResetToBeginning(); //amountPerDelta 값이 순방향이면, 처음으로, 역방향이면 끝으로 이동한다
tween.enabled = true; //다시 활성화 시켜 놓는다
if (tween.amountPerDelta < 0)
tween.Toggle(); //amountPerDelta 값이 순방향이 아니면 순방향으로 토글한다.
tween.ResetToBeginning(); //amountPerDelta 값이 순방향이면, 처음으로, 역방향이면 끝으로 이동한다
tween.enabled = true; //다시 활성화 시켜 놓는다
소스:
ugui-Tween-Tool-master.zip (tomtc님 github에서 받은 소스 원본)
참조)
https://github.com/tomtc123/ugui-Tween-Tool
http://dotween.demigiant.com/