[iOS] Tab Bar 톺아보기

 

요즘 앱들을 보면 iOS 뿐만 아니라 AOS 까지 거의 다 하단에 탭이 있는 Tabbar로 페이지를 구분하는 형태가 많습니다.

폰이 길어져서 그런다~ 사용자 UX가 좋다 등 결국 사용자가 편하다 라는 이유로 점점 더 대중화되고 있습니다.

 

iPhone 기본앱들도 거의 다 사용하는 이 Tabbar 를 톺아보도록 하겠습니다.

 

 



 

탭바 컨트롤러가 존재하고 UIViewController를 탭바 컨트롤러에 연결함으로써 페이지를 추가할 수 있습니다.

 

바로 구현으로 들어가 볼게요 :)

 

 

UIViewController에 Tab bar Controller를 임베디드 시켜 줍니다.

 

 

요렇게 선택한 UIViewController가 하나의 tab으로 설정된 Tab bar Controller가 생성됩니다.

 

storyboard 에 UIViewController를 하나 더 생성해 주고 

 

 

control 키를 누르고 저 노랭이에서 댕겨서 연결해 줍니다 ㅎ

 

일반적인 세궈가 아닌 Relationship Segue네요 .. !

 

그렇다고함.

 

 

짜잔

 

탭이 추가되었습니다 ㅎㅎㅎ 쉽쥬?

 

두 탭을 구분하기 위해서 탭에 이미지를 추가하고 뷰컨트롤러를 조금 변경해보겠습니다.

 

각 뷰컨의 탭을 클릭하고 이미지를 입혀줍니다.

 

 

 

 

그럼 20000 ~