StoryboardCompletedTrigger는 StoryBoard 완료시 설정된 작업을 수행합니다.
자산을 클릭하거나 단축키(Ctrl+.)를 사용하시면 확장리스트가 나오구요.
ControlStoryboardAction을 드래그 하여 사용할 컨트롤에 안착시킵니다.
아래와 같이 Button에 안착시켰으나, StoryBoard가 없죠.
새로만들기로 이름을 지정해 줍니다.
StoryBoard를 만들면 자동으로 Loaded 이벤트 트리거가 만들어집니다.
이벤트 트리거는 삭제해주세요.
애니메이션은 1초동안 rectangle 180도 회전하며 색을 바꾸게 설정해놓았습니다.
스토리보드도 만들어졌으니, 스토리보드 지정 후, 실행~
버튼을 클릭하면 스토리보드가 실행 되실겁니다.
만약, 실행하자마자 스토리보드가 실행되시는분은 이벤트 트리거를 삭제 안하셔서 그런겁니다.
그 다음으로, GoToStateAction을 달고 TriggerType을
StoryboardCompletedTrigger로 바꾼 후, 스토리보드를 지정하였습니다.
실행하시면, 버튼 클릭했을때, 스토리보드가 진행되고,
스토리보드가 끝나면, State가 동작합니다.
추가적으로 ControlStoryboardOption을 알아보겠습니다.
작동하는 모습은 동영상으로 확인하실께요.
Play : 시작
Stop : 정지
TogglePlayPause : Play, Pause 토글처럼 번갈아 동작
Pause : 일시정지
Resume : 일시정지 된 상태에서 이어 실행
SkipToFill : 종료지점으로 이동
0 개의 댓글:
댓글 쓰기