Rolling Banner(Auto & Click) - Axure Deep Dive#11

Rolling Banner(Auto & Click)

 

fire event와 move의 조건문을 활용하여, 자동으로 롤링이 되면서 동시에 클릭도 되는 롤링배너를 만들었습니다.

- 구현된 기능은 마지막 탭에 도착하면 롤링은 멈추었습니다.

- 자동 롤링 도중에 좌측 탭 클릭 시 해당 부분부터 롤링이 시작됩니다.

- 자동 롤링이 끝나면, 탭 이동시에도 롤링이 이뤄지지 않습니다.

 

Tip) 탭부분은 Seletion Groups 과 Selected Style을 지정하면, 간단하게 구현이 가능합니다.

 

주요 인터랙션은 페이지 로드될때, 한영역이 일정 px 만큼 move 되면 좌측의 탭 부분이 selected 처리 되어야합니다.

이 부분은 다음과 같이 처리할 수 있습니다.

 

여기서 LVAR1은 숨겨진 테이블 전체 위젯을 말하며 LVAR1.y는 해당 테이블의 다이내믹패널안의 높이 값을 말합니다.

높이값이 위로 올라가게 설정하였으므로 한개의 높이값이 증가할때마다, 해당 탭이 활성화 되게 처리한다로 설정하시면 됩니다.

 

작업 완료시 다음과 같은 결과를 얻습니다.

 

auto & click rolling banner

프로토타이핑 주소 : https://fi5drb.axshare.com

Untitled Document