탭바 컨트롤러는 수평적 관계의 독립된 각 화면에 바로 접근할 수 있도록 탭 바를 제공하는 컨트롤러. → 컨테이너 컨트롤러
독립된 하나의 화면과 콘텐츠를 가지지 않는 대신 각각의 화면과 연결된 탭 바를 화면 하단에 나열하여 다른 뷰 컨트롤러를 제어한다.
탭바 컨트롤러는 스토리보드 맨 앞에 위치한다. ( 네비게이션 보다도 앞에! )
수평 관계를 이루는 화면들은 탭 바 컨트롤러에 의해 제어되고, 수직 관계를 이루는 화면들은 네비게이션 컨트롤러에 의해 제어된다.!!
탭바 컨트롤러는 각가의 탭마다 자신의 루트 뷰 컨트롤러와 직접 연결된다. 그래서 스토리보드에서 탭바 컨트롤러에서 관계형 액션 세그를 생성할때 viewControllers
를 선택해야한다.
스토리보드에서 네비게이션 컨트롤러를 클릭한 다음, 메뉴에서 탭바 컨트롤러를 삽입한다.
탭바 컨트롤러에 아이콘을 사용할 때 주의할 점은 이미지가 그림자로만 표시 된다는점이다.
그리고 디폴트 크기는300픽셀 이기 때문에, 60*60 크기로 제작한 뒤, 이름 뒤에 @2x 를 붙이는 식으로 하면 된다
그리고 새로운 네비게이션 컨트롤러를 추가해 탭바컨트롤러에서 세그를 연결해서 [view controllers] 를 선택해준다. 이화 면에서 영화관 목록 화면을 구현할 것이다.
새로 생성된 테이블 뷰 셀에 다음과 같은 속성을 부여하고 아울렛 변수와 연결해 준다.