어도비 xd 모바일 터치 스크롤 구현

어도비 xd  모바일 터치 스크롤 구현

 

모바일이나 터치 스크롤이 필요할 때가 있어요.

어도비 xd에서 모바일의 터치 스크롤은 이렇게 표현하면 됩니다.

01_

모바일에서 보여질 오브젝트를 넣어줍니다.

너는 사각형 안에 이미지를 넣어주려고 사각형을 우선 그려 넣었어요.

 

 

 

02_

그리고 사각형을 선택하고 반복 그리드를 클릭하여 보여질 여러 개를 나열해 줍니다.

 

 

 

반복 그리드를 클릭하면 연두색테두리 아이콘이 생기는데 이것을 오른쪽이나 아랫쪽으로 당기면 여러개의 오브젝트가 복사되어 생성됩니다. 저는 가로로 복사해놓았습니다.

 

 

 

원하는 만큼 늘려서 이용할 수 있습니다.

여기에서 간격도 조절할 수 있습니다.

간격이 있는 곳에 마우스로 선택 끌어당겨서 간격을 조절해줍니다.

 

03_

옆에 있는 바깥을 향하는 아이콘을 클릭하면 가로 터치 스크롤이 구현됩니다.

양쪽에 있는 파랑색 아이콘으로 보여질 영역을 조절할 수 있습니다.

 

Ctrl + Enter 키를 클릭하여 미리보기를 할 수 있습니다.

옆으로 잘 밀려갑니다.

 

 

세로나 가로,세로 구분없는 터치스크롤도 있습니다.

나머지 아이콘들도 작동 시켜보세요.

 

 

 

모바일 터치 스크롤 구현 동영상 확인

이 포스팅은 쿠팡 파트너스 활동의 일환으로,이에 따른 일정액의 수수료를 제공받습니다.