[Android] Tab Layout 的兩種實做方式 - TabWidget

Tab Layout 是一種適合將不同類型 View 作為顯示區隔的一種設計模式，這篇紀錄兩種實做的方式。按照 Android 官方範例說到，實現 Tab Layout 有兩種選擇：

1. Use the tabs to swap views within the same activity (使用單一activity去切換不同的views)
2. Use the tabs to change between entirely separate activities (用tabs切換多個activities)

以下附上我實驗出來的專案檔：

1. TabLayout_ViewSwap
2. TabLayout_Activities

參考資料：
1. http://developer.android.com/resources/tutorials/views/hello-tabwidget.html
2. http://developer.android.com/guide/topics/resources/drawable-resource.html#StateList
3. http://mobileorchard.com/android-app-development-tabbed-activities/
4. http://stackoverflow.com/questions/1590340/android-tabs-mapview-activities-within-tabs/3695817#3695817

... ...

[iOS] 在 UITabBarController 中放置 UINavigationController

1. 建立一個 Window-based application
2. 在 AppDelegate .h 檔中宣告一個 UITabBarController property
3. 在 AppDelegate .m 當中 [self.window addSubview: [tabBarController view]，記得 synthesize 和 release properties
4. 打開 MainWindow.xib 從 Library 拉一個 TabbarController 進來
5. 選取 MainWindow.xib 當中的 AppDelegate 將 UITabBarController property 和 剛剛拉進去的 TabbarController 連結起來
6. 點選 MainWindow.xib 當中的 TabbarController，打開 inspector 將其中一個 tab 的 view controller class 設定成 Navigation Controller
7. 加入新的 ViewController files (不含 xib) 並將繼承改為 UINavigationController
8. 在 AppDelegate .h 檔中宣告一個 第7步 ViewController 的 property，並在 .m 檔中 synthesize 和 release
9. 加入新的 ViewController files (含 xib) 作為 NavigationController 的 rootViewController
10. 將 MainWindow.xib 當中 TabbarController 裡頭的 Navigation Controller 的 class 設成 第7步 加進來的 View Controller
11. 將 MainWindow.xib 當中 TabbarController 裡頭的 Navigation Controller 裡頭的 View Controller 設成 第8步 加進來的 View Controller

參考資料：iPhone 軟體開發筆記: 產生含有 Navigation controller 的 Tab bar controller

... ...