인프런 커뮤니티 질문&답변

weonsj님 안녕하세요.
답변이 늦었습니다 ㅠㅠ

문의주신 기능은 Dynamaic Panel의 Repeat 옵션을 이용하면 비슷하게 구현은 가능한데 위에 보여주신 샘플과 완벽히 동일하게 구현하기에는 어려움이 있습니다.

방법 먼저 소개드립니다.

1. 이미지를 준비합니다.

2. 다이너믹 패널로 만듭니다.

3. 이 다이너믹 패널을 계속 반복시킬거라 state 2를 추가하고 state 1과 동일한 내용을 복사 붙여넣기 합니다.

4. State 1과 State 2를 무한 반복 시키는 인터랙션을 입력합니다.

5. 위와 같이 구현하면 무한반복이 되는데 아래 샘플과 같이 State 1 → State 2로 전환될때 이미지가 붙어있는 현상이 발생합니다. 이를 방지하기 위해 State 1 → State 2 시작 위치 (X 좌표)를 0에서 시작하지 않고 공백을 두시면 이미지가 붙어서 반복되는 현상도 해결할 수 있습니다.

기능이 구현된 샘플은 아래 링크에서 다운받을 수 있습니다.

샘플 다운받기