iOS

아이폰 가로 스크롤 메뉴 샘플

다오나무 2012. 12. 18. 12:14

왼쪽 그림 하단의 버튼들은 상품카테고리를 나타낸다.  화면에 약 4개의 카테고리 밖에는 보여줄 수 없기 때문에 나머지 카테고리를 보여주기 위해 가로 스크롤뷰를 이용하여 좌우로 네비게시션이 가능하게 구성되어 있다.

아이폰 앱들 중 많은 것들이 상단이나 하단에 서브 메뉴의 형태로 가로 스크롤을 이용하는 것들이 많다. 예로 든 deal$의 경우에는 가로 스크롤에 추가로, 버튼을 클릭하였을 때 버튼의 크기를 키우는 효과를 추가로 사용하고 있다.

포스트에 첨부한 프로젝트 샘플은 간단히 가로 스크롤만을 구현한 것이다. 물론 개발은 비교적 쉽다. 기존의 스크롤뷰를   사용하면 된다.  

간단히 주석을 달아 놓았으니 HorizontalScrollMenuView와 HorizontalScrollMenuViewController 두 개의 클래스를 참고하면된다.