저도 정리할 겸.. iOS 개발에 대한 포스팅을 간단간단하게 몇 개 남겨보려고 합니다. 


이번에는 기초 중에 기초인... Tabbar를 한 번 만들어 보려구요.


iOS 개발에 대한 책도 많고, 블로그에 포스팅도 정말 많은데 !!! 이런걸 포스팅 한다는게.. 별 효과가 없을 것 같지만.. 그래도 한 번 해보죠 !! 


그림이 잘 안보이면 클릭해서 보세영~


===================  개발 환경 ===================

iOS SDK = 6.1

Xcode = 4.6.1

Using Storyboard

=================================================


1. Xcode를 실행하세요..... -> New Project를 누르면 다음과 같죠 !!!!

Fig. new project window !!!.


저는 Single View Application을 선택해서 Tabbar를 만들어 보려고 합니당 !!


Single View Application을 선택하면 아래와 같죠 !! 


Fig. 2. write project information.



위 그림과 같이 적당히 !! 프로젝트 정보를 입력해주세요.


아 !! 그리고 저는 Storyboard를 사용할려고 하니깐요. Use Storyboards를 선택해야겠죠? ^ ^



2. Project Navigator에서 MainStoryboard.storyboard를 클릭하세용.


클릭하시면~~!! 아래와 같은 화면이 나오죠 ~ 


Fig. 3. storyboard 화면.


거의 다 데써요. 

Tabbar를 만들어야 하니깐요.  가운데 보이는 저 View Controller를 한 번 클릭하시고~~~~

Xcode 메뉴에서 Editor -> Embed In -> Tab Bar Controller를 눌러요. 

그럼 또 아래와 같은 화면처럼 말이죠 !!~


Fig. 4. Embed In -> Tab Bar Controller.




자 !! 그럼 아래와 같은 화면 처럼.... 이라고 썼는데.. 스크린샷을 하나 빼먹었네요 ! ㅋㅋ

암튼 아래 화면을 보시죠!!

Fig. 5. Tab Bar Controller 추가하고, View Controller를 하나 더 추가한 화면.


괜찮아요. 


위 화면에서, 콘트롤러 3개가 보이죠. 위에 2개는 우리가 방금 전까지 만들어낸 것이구요.


오른쪽 아래 하나는, 화면 맨 오른쪽 아래에있는 View Controller를 스토리보드에 드래그&드롭 하시면 생겨요.



그 다음에 할 일은 !! 


Tab Bar Controller에 마우스를 올리시고~ Control 키를 누르고~ 

마우스를 드래그&드롭해서 새롭게 추가한 View Controller에 갑니다.


그럼 아래와 같은 화면이 나타납니다.



Fig. 6. Relationship 맺기.


그럼 제일 아래에 있는 View Controller를 눌러주세요. 


그럼 연결됩니다 !! ㅋㅋ 


Fig. 7. 연결된 화면 !!.


그럼 View controller에 적단한 라벨을 붙이시공~~~~~


실행해보세요.



Fig. 우왕 끝.


+ Recent posts