[iOS/Swift] 프로젝트에 탭바(TabBar) 만들기 (같은 스토리보드)

iOS 앱을 개발하다보면

탭바가 없는 앱을 찾아보기 힘들다

간단하게 탭바 구성하는 방법입니다! (특별한 커스텀을 하는 방법은 나중에 올려보겠습니다~!)

 

먼저 Tab Bar Controller 선택하기

그럼 이렇게 됩니다!

 

여기서, 탭바를 눌렀을 때 나올 View Controller를 연결할 수 있는 방법이 세 경우가 있습니다!

 

1. 만든 Tab Bar Controller 스토리보드 내에 연결할 View Controller들이 존재할 때 storyboard에서 연결하기

2. 만든 Tab Bar Controller 스토리보드 밖에 연결할 View Controller들이 존재할 때 storyboard에서 연결하기

3. 그냥 코드로 구성하기! (1,2번 어느 상황이든 다 가능)

 

여기까지 하셨다고 생각하고

하단에 탭이 세개라고 생각하고 해볼게요!

 

1. 만든 Tab Bar Controller 스토리보드 내에 연결할 View Controller들이 존재할 때 storyboard에서 연결하기

같은 스토리보드에 View Controller 추가하기! (저는 탭바 세개 기준으로 할거니까 원래꺼 1개 + 2개만 더 추가하겠습니다!)

 

추가해준 뒤에, 알아보기 쉽게 색깔도 바꿨습니다!

 

탭바 컨트롤러에서 control 누르시고, 다음으로 연결하고 싶은 View Controller에 살포시 갖다놓아주세요~!

(갖다 놓는 순서대로 탭바에서의 순서가 됩니다!)

 

요런 창이 뜨는데, view controllers 연결해주세요!

 

 

세그가 아주 현란하게 연결되었습니다,,

그러면 이제, 탭바 아이콘만으로도 기능을 어느 정도 알아볼 수 있게 바꿔보겠습니다~!

저 기본 네모 모양만 나오면 뭔지 모르니께요~!

 

저 item 을 누르시면 이런 창이 나오는데요!

여기서, 선택되었을 때 보여줄 selected image와, 평소에 항상 보여질 image,

탭에 설명이 필요하다면 title까지 추가해주세요!

 

세개의 뷰컨트롤러에 대해 위의 작업을 다 해주시면 이렇게 완성이 됩니다!

 

 

 

 

사진과 함께 글이 너무 길어져서 2,3번은 링크로 첨부해두도록 하겠습니다!

 

2. 만든 Tab Bar Controller 스토리보드 밖에 연결할 View Controller들이 존재할 때 storyboard에서 연결하기

보러가기!

2022.02.14 - [iOS] - [iOS] 프로젝트에 탭바(TabBar) 만들기 (다른 스토리보드)

[iOS/Swift] 프로젝트에 탭바(TabBar) 만들기 (다른 스토리보드)

3. 그냥 코드로 구성하기! (1,2번 어느 상황이든 다 가능)

보러가기!

2022.02.14 - [분류 전체보기] - [iOS] 프로젝트에 탭바(TabBar) 만들기 (코드로)

[iOS/Swift] 프로젝트에 탭바(TabBar) 만들기 (코드로)