การ เขียน App ios UITabBar, UITabBarController

UITabBar, UITabBarController

Key Skills & Concepts
● ทำความเข้าใจเกี่ยวกับ tab bars
● การสร้างแอพลิเคชันแบบ tab bar Application
● การเพิ่ม tabs ให้กับ tab bar
● การปรับแต่ง tab bar

การแสดงผลสำหรับแอพลิเคชันของ iPhone ที่มีลักษณะที่ให้ผู้ใช้เลือกแถบแสดงผล หลังจากนั้นแถบที่ถูกเลือกจะโหลด view ขึ้นมาแสดงผล เนื้อหาที่จะพูดถึงในต่อจากนี้คือการใช้งาน tab bar การสร้างแอพลิเคชันด้วย tab bar และการปรับแต่งแต่ละ tab bar

UITabBar, UITabBarController, UITabBarItem,
และ UITabBarControllerDelegate
แอพลิเคชันแบบ tab bar เป็นตัวที่นิยมใช้ในการแสดงผลแบบการทำงานย่อยๆ ที่สามารถแยกการทำงานออกเป็บหลายๆ แบบที่แตกต่างกัน

การสร้าง Tab Bar Application
การสร้าง Tab Bar Application สามารถทำได้ง่ายกว่าการสร้างแอพลิเคชันแบบ View-based ที่เคยสร้างก่อนหน้านี้ แอพลิเคชันที่จะสร้างขึ้นต่อไปนี้สร้างด้วย Tab Bar Application template และเราจะเพิ่ม Tab ที่สามเข้าไปในแอพลิเคชัน

1. สร้างโปรเจกต์เลือก Tab Bar Application และตั้งชื่อโปรเจกต์ TabBarExOne.

2. เปิดส่วนของ Classes และ Resource เราจะเห็นไฟล์ที่สร้างขึ้นมาเช่นเดียวกับ แอพลิเคชันแบบ View-based

3. เปิดไฟล์ TabBarExOneAppDelegate.h เราจะเห็นการใช้งาน UITabBarControllerDelegate protocol โดยการกำหนด UITabBarController property เป็น IBOutlet

1. #import <UIKit/UIKit.h>
2.  
3. @interface TabBarExOneAppDelegate : NSObject <UIApplicationDelegate, UITabBarControllerDelegate> {
4.     UIWindow *window;
5.     UITabBarController *tabBarController;
6. }
7.  
8. @property (nonatomic, retain) IBOutlet UIWindow *window;
9. @property (nonatomic, retain) IBOutlet UITabBarController *tabBarController;
10.  
11. @end

4. เปิดไฟล์ MainWindow.xib และดูในส่วนของ document window เราจะเห็น Tab Bar Controller

5. โปรเจกต์ที่สร้างขั้นมีการเพิ่มส่วน TabBarExOneAppDelegate เป็น proxy object ไปยัง MainView.xib

6. ในหน้าต่าง document window ภายใต้ Tab Bar Controller เราจะเห็นว่ามี View Controller อยู่ 2 อันคือ First และ Second

7. Build and run the application