메뉴만들기1 Figma로 GNB 만들기(인터랙션, 호버 효과, 클릭 효과) 이번주 내내 나를 괴롭힌 피그마로 GNB 만들기. 클릭(or 터치)했을 때 선택된 아이콘의 컬러를 변경하면서 페이지 이동이 되게 만들고 싶었는데, 딱 원하는 방법을 알려준 곳이 없었다. 이것저것 시도해보다가 내가 찾은 방법을 공유해보고자 한다. Tab하면 컬러가 바뀌는 GNB 만들기 1. GNB에 사용될 아이콘을 모두 가져와 componet로 만든다. 이렇게하면 아이콘이 들어가는 다른 컴포넌트에서 쉽게 아이콘 교체를 할 수 있어서 편하다. 2. text와 icon을 사용하여 메뉴에 들어갈 메뉴 아이콘 컴포넌트를 만든다. text와 icon은 오토레이아웃(shift+A)을 사용해 프레임으로 만들어줬다. 3. 메뉴 아이콘 컴포넌트를 메뉴의 갯수만큼 복사한 후, 오토레이아웃으로 정렬을 맞춰 GNB를 만든다. .. 2023. 12. 17. 이전 1 다음
