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

이전글 보러가기!

2022.02.14 - [iOS] - [iOS] 프로젝트에 탭바(TabBar) 만들기

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

 

이전 글에 이어서

 

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

방법에 대해 설명해보겠습니다!연결 방법만 조금 달라요~!

먼저 Tab Bar Controller 선택하기

 

여기까지 되어있다고 생각하고 마찬가지로 진행하겠습니다!

 

탭바가 같은 storyboard 내의 View Controller로 이동하는 것이 아니기 때문에,

기본으로 연결되어있던 View Controller도 다 삭제합니다!

 

 

그리고 command + N을 눌러서 storyboard 세 개를 추가해줄게요!

저는 연습이니까 이름은 One, Two, Three로 하겠습니다!

사용하실 땐 Home, Setting 등등이 좋겠죠,,?

 

그럼 이렇게 네 개의 storyboard 파일이 있습니다!

TabBar Controller가 있는 Main,
그리고 차례로 연결해줄 세개의 스토리보드 One, Two, Three 이렇게 있어요~!

 

 

이제, TabBar Controller 가 있는

Main storyboard로 돌아와서,

Storyboard reference를 추가해줄게요!

 

탭바 아이템 세 개를 만들기로 했고, 각각 다 다른 스토리보드에 하니까

Storyboard reference도 세 개 만들어주었습니다!

 

Storyboard reference를 누르시고, 옆에서 각각 만들어주신 storyboard로 연결을 시켜주세요!

 

 

그리고 이렇게 control을 누른 채로,

Tab Bar Controller 에서 -> storyboard reference로 연결시켜주세요!

 

 

그리고 여기서, 첫 게시글이랑 똑같이 view controllers 선택해주세요!

이 작업을 차례대로, 탭바 item 개수대로 해주시면 됩니다!

 

 

이제 이런 모습이 된 것을 확인 할 수 있습니다~

 

 

그럼 이제

탭바에 나오는 item 이미지, 타이틀을 바꿔야 알아보기 쉽겠죠?

바꿔봅시당

 

 

각각 reference로 만드신 스토리보드에 가주세요!
(이건 이미 아래의 tabbar item이 추가된 사진입니다 ㅜㅜ)

 

그리고 tabbar item 추가해주세요!

 

 

각각 image, selected image, title을 적절히 모두 다 넣어줍니다

 

 

그리고 실행시켜보면! (저는 tabbar 컨트롤러에서 image tint 색도 검정색으로 바꿔줬습니다!)

 

잘 나옵니다!

 

지금까지 

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

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

방법에 대해 알아보았는데요~!

 

그럼

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

방법은 다음 글에서! 보러가요!

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

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