Slide Image (애니메이션을 이용한 이미지 슬라이드 기능)

샘플개요

데이터셋을 이용해 동적으로 생성된 이미지 리스트를 슬라이드 되도록 구성한 샘플입니다.

슬라이드 이미지 초기화 함수 호출 시 데이터셋의 정보를 기준으로 재구성 됩니다.

슬라이드 애니메이션 생성 함수를 변경하여 애니메이션 설정정보를 변경할 수 있습니다.

Slide Image 실행 예시

사용방법

1. 제공된 파일

Base::slideimage.xfdl - 슬라이드 이미지 기능을 구현하기 위한 컴포넌트 배치와 함수가 포함되어있습니다.

imagerc::Chrysanthemum.jpg - 슬라이드 이미지 1

imagerc::Desert.jpg                  - 슬라이드 이미지 2

imagerc::Hydrangeas.jpg         - 슬라이드 이미지 3

imagerc::Jellyfish.jpg                - 슬라이드 이미지 4

imagerc::Koala.jpg                   - 슬라이드 이미지 5

imagerc::Lighthouse.jpg          - 슬라이드 이미지 6

imagerc::Penguins.jpg             - 슬라이드 이미지 7

imagerc::Tulips.jpg                   - 슬라이드 이미지 8

2. 화면 동작 가이드

#1. 화면 온로드 이벤트에서 슬라이드 기능을 위한 초기화 함수가 실행됩니다.

#2. 이전 버튼 클릭 시 이전 슬라이드 이미지 인덱스로 애니메이션 효과와 함께 이동합니다.

#3. 다음 버튼 클릭 시 다음 슬라이드 이미지 인덱스로 애니메이션 효과와 함께 이동합니다.

 

테스트 버전 정보

Product Version : 17.0.0.2001 (2019.5.30.1)

 

다운로드 경로

https://www.playnexacro.com/techtips/983/slide-image-애니메이션을-이용한-이미지-슬라이드-기능

play nexacro