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

성민주님의 프로필 이미지
성민주

작성한 질문수

UX/UI 시작하기 : Figma 입문 (Inflearn Original)

가로스크롤 질문

작성

·

891

0

안녕하세요~! 

피그마 작업하다가 가로스크롤 관련 영상을 보고 할 수 있게 됐는데

제가 원하는건 부드럽게 넘어가는게 아니라 여러 카드형이 나열되어있다면 옆으로 스크롤 할 때 

하나하나 락이 걸리듯이 멈춰지는 걸 할 수 있는 방법도 있을까요? 

(예를 들어, 페이에서 카드가 넘어가는 형식)

답변 1

0

장미순님의 프로필 이미지
장미순
지식공유자

민주님 안녕하세요! 질문 주셔서 감사합니다.

피그마에서 새로 추가된 인터랙티브 컴포넌트 기능을 이용해서 만들어보았는데요.

https://www.figma.com/community/file/976495090330742843/paging_smartanimate

인터랙션은 on drag 트리거와 navigate to 를 이용해보았습니다.

각 화면에는 페이징 된 이후의 모습으로 카드 좌표를 세팅해놓고 

드래그 트리거를 걸어 각각 카드가 확대된 프레임으로 연결하였습니다.

이때 각 프레임 안에 있는 카드의 레이어 구조 및 레이어 이름을 동일하게 하면

스마트애니메이트가 알아서 카드위치를 애니메이션 시켜주어 가능한 것 같습니다.

다른 방법들도 더 있지 않을까 합니다!

도움이 되셨으면 좋겠습니다.

감사합니다.

성민주님의 프로필 이미지
성민주

작성한 질문수

질문하기