<--! [iOS] Xcode에서 탭 페이지 만들기 -->

[iOS] Xcode에서 탭 페이지 만들기

필그램

·

2017. 9. 8. 05:02


웹의 메뉴바처럼, 여러개의 탭이 아래에 있는 기능을 Xcode는 제공합니다.

이번 블로그에서는 탭 메뉴 추가 기능에 대해 알아보겠습니다.


먼저 파일 >  New > Project에서  'Tabbed Application'을 선택합니다.

프로젝트가 시작되면, 두개의 화면이 탭에 연결되어있습니다.


이곳에 하나더 페이지를 추가해 보겠습니다.


아래처럼 View Controller를 빈공간에 끌어다 놓으면, 화면이 하나더 추가 됩니다.






다음으로 'Lable'을 추가하고, 이름을 지정해 넣습니다.





이름을 넣은뒤, 'Tab Bar Controller'의 왼쪽에 화살표 모양의 Connection Inspector를 보면, First와 Second가 연결되어 있습니다.  이곳을 그림처럼 3번째의 화면에 끌어다 놓습니다.





위의 작업을 하고 나면 세번째로 'Item'이라는 것이 자동으로 추가됩니다(3번째 화면이 연결된것임)

또한, 'Tab Bar Controller'에 Item이 세번째 메뉴로 추가된것을 보실 수 있습니다.




3번째 탭의 제목을 변경시, 먼저 3번째 화면의 맨아래 탭을 클릭하고, 'Attributes inspector'를 클릭한뒤, Title의 이름을 '3번 메뉴'등 으로 바꾸면 됩니다.


이미지 변경시에는 아래처럼 'System Item'에 있는 걸로 바꿀수도 있지만(여러가지가 있는데 Recent를 선택한 화면), 



아래처럼 Bar Item에서 아이콘 이미지를 선택할 수 있다. (아이콘 이미지는 맨 아래 처럼 왼쪽 메뉴의 Asset~~라는  이미지 놓는곳에 올려 놓으면 선택이 가능하다)



















반응형