• 카테고리

    질문 & 답변
  • 세부 분야

    기획 · 전략 · PM

  • 해결 여부

    미해결

한 다이내믹 패널에 복수의 이미지 반복

22.07.08 14:35 작성 조회수 128

0

안녕하세요. 데이먼님. 

강의 잘 듣고 있습니다.

의문이 하나 생겼는데요, 다이나믹 패널에서 이미지를 다이내믹 패널과 동일하게 맞추고, 복수개의 이미지를 넣어서 로테이션 시키는 것은 이해를 했습니다.

그런데, 다이내믹 패널의 정해진 화면에서 복수개의 이미지가 보이면서 무한 반복 로테이션하는 기능도 axure에서 구현이 가능한지 여쭤봅니다.

아래 예시이미지 같이 하나의 다이내믹 패널에 여러 이미지가 보이면서 애니메이션 되는 것을 만들고 싶습니다.

그럼 미리 감사드립니다.

 

답변 1

답변을 작성해보세요.

1

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에서 시작하지 않고 공백을 두시면 이미지가 붙어서 반복되는 현상도 해결할 수 있습니다.

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

샘플 다운받기