protopie2 [프로토파이] 지도 기반 '내 위치'로 다시 돌아오는 버튼 만들기 지도를 드래그 하면 지도와 마커가 함께 움직이고 내 위치로 돌아오기 아이콘을 누르면 다시 마커가 화면 중앙으로 돌아오는 프로토타입을 만들어보겠습니다. 미리보기 설계 아주 간단합니다. 두 가지 트리거-리스폰스만 설정해주면 됩니다. 1. 지도를 움직이면 지도와 마커가 함께 드래그되는 모션 2. 드래그 된 상태에서 '내 위치로 돌아오기' 아이콘을 클릭하면 지도는 드래그하기 전으로 돌아오고, 마커는 중앙으로 다시 되돌아오는 모션. 만들기 1. 프로토파이 불러오기 스케치에서 레이어를 불러오거나 필요한 레이어를 프로토파이에서 직접 만들어줍니다. 먼저, 드래그될 큰 지도 이미지를 아래에 깔고 그 위에 현재 위치 마커를 화면 중앙에, 현재 위치로 돌아오기 버튼을 우측 하단에 위치 시켰습니다. 2. 지도 드래그 Trig.. 2022. 1. 11. [프로토파이] 실행시 자동 숫자 카운팅 (그래프 없이) 앱 실행시 숫자가 0부터 특정 숫자까지 자동으로 카운팅되는 화면을 프로토파이로 만들어보겠습니다. 캐시워크에서 내 걸음수를 볼 수 있는 화면에서 이런 모션이 사용되지요. 만약 숫자와 함께 막대 그래프가 채워지는 모션이 궁금하다면 이전 포스팅을 참고하세요. https://tosaveyou.tistory.com/2 미리보기 설계 만들기 1. 프로토파이 불러오기 스케치에서 작업한 시안을 불러오거나 직접 화면을 프로토파이에서 만듭니다. 오늘 필요한 레이어는 카운팅 될 숫자가 적힐 text 레이어 하나만 있으면 됩니다. 해당 text 레이어에 우선 0으로 적어줍니다. 시작은 0부터 카운팅될 예정입니다. 2. Trigger / Response 설정 앱이 실행되면 또는 페이지가 실행되면 (trigger) 특정 텍스트가.. 2022. 1. 9. 이전 1 다음
