Animation Menu (애니메이션을 적용한 원형 메뉴)

샘플개요

애니메이션기능을 활용한 원형 메뉴를 구성한 예시 입니다.

중앙 이미지 클릭 시 사이드에 메뉴리스트가 출력되도록 구성되어있습니다. 

애니메이션 기능에 대한 활용과 메뉴 구성에 대한 아이디어를 확인 할 수 있습니다.

Animation Menu 실행 예시

사용방법

1. 제공된 파일

Base::aniMenu.xfdl - 메뉴를 만들기 위한 컴포넌트 배치와 초기화/메뉴열기/메뉴닫기 함수가 포함되어있습니다.

imagerc::img_mainmn.png - 중앙에 표시된 이미지 파일입니다.

2. 화면 동작 가이드

#1. 화면 온로드 이벤트에서 애니메이션 처리를 위한 초기화 함수가 실행됩니다.

#2. 중앙의 이미지 클릭 시 사이드에 메뉴들이 애니메이션 효과와 함께 나타납니다.

#3. 다시한번 중앙의 이미지 클릭 시 사이드에 메뉴들이 애니메이션 효과와 함께 사라집니다.

 

테스트 버전 정보

Product Version : 17.0.0.2001 (2019.5.30.1)

 

파일다운로드 경로

https://www.playnexacro.com/techtips/972/animation-menu-애니메이션을-적용한-원형-메뉴

play nexacro