不看後悔的：iOS開發系列--視圖切換(1)

不看後悔的：iOS開發系列--視圖切換(1)

iOS三種視圖切換的原理各不相同：

UITabBarController：以平行的方式管理檢視，各個視圖之間往往關係並不大，每個加入到UITabBarController的視圖都會進行初始化即使當前不顯示在介面上，相對比較佔用記憶體。
UINavigationController：以棧的方式管理檢視，各個視圖的切換就是壓棧和出棧操作，出棧後的視圖會立即銷毀。
UIModalController：以模態視窗的形式管理檢視，當前視圖關閉前其他視圖上的內容無法操作。

UITabBarController是Apple專門為了利用頁簽切換視圖而設計的，在這個視圖控制器中有一個UITabBar控制項，使用者通過點擊tabBar進行視圖切換。我們知道在UIViewController內部有一個視圖，一旦建立了UIViewController之後預設就會顯示這個視圖，但是UITabBarController本身並不會顯示任何視圖，如果要顯示視圖則必須設定其viewControllers屬性它預設顯示viewControllers[0]）。這個屬性是一個數組，它維護了所有UITabBarController的子視圖。為了儘可能減少視圖之間的耦合，所有的UITabBarController的子視圖的相關標題、表徵圖等資訊均由子視圖自己控制，UITabBarController僅僅作為一個容器存在。

假設現在有一個KCTabBarViewController繼承於UITabBarController），它內部有一個KCWebChatViewController、一個KCContactViewController。

1.首先建立一個KCTabBarViewController繼承於UITabBarController代碼是預設產生的，不再貼出來）。

2.其次建立兩個子視圖，在這兩個子視圖控制器中設定對應的名稱、表徵圖等資訊。

KCWebChatViewController.m

 

  
 KCWorldClockViewController.m 
  
//  ViewTransition 
  
// 
  
//  Created by Kenshin Cui on 14-3-15. 
  
//  Copyright (c) 2014年 Kenshin Cui. All rights reserved. 
  
// 
  
 
  
#import "KCWebChatViewController.h" 
  
 
  
@interface KCWebChatViewController () 
  
 
  
@end 
  
 
  
@implementation KCWebChatViewController 
  
 
  
- (void)viewDidLoad { 
  
    [super viewDidLoad]; 
  
     
  
    self.view.backgroundColor=[UIColor redColor]; 
  
     
  
    //設定視圖控制器標題 
  
    self.title=@"Chat"; 
  
     
  
    //注意通過tabBarController或者parentViewController可以得到其俯視圖控制器也就是KCTabBarViewController） 
  
    NSLog(@"%i",self.tabBarController==self.parentViewController);//對於當前應用二者相等 
  
     
  
    //設定表徵圖、標題(tabBarItem是顯示在tabBar上的標籤) 
  
    self.tabBarItem.title=@"Web Chat";//注意如果這個標題不設定預設在頁簽上顯示視圖控制器標題 
  
    self.tabBarItem.image=[UIImage imageNamed:@"tabbar_mainframe.png"];//預設圖片 
  
    self.tabBarItem.selectedImage=[UIImage imageNamed:@"tabbar_mainframeHL.png"];//選中圖片 
  
     
  
    //表徵圖右上方內容 
  
    self.tabBarItem.badgeValue=@"5"; 
  
     
  
} 
  
@end 
  
 
  
KCContactViewController.m 
  
 
  
// 
  
//  KCAlarmViewController.m 
  
//  ViewTransition 
  
// 
  
//  Created by Kenshin Cui on 14-3-15. 
  
//  Copyright (c) 2014年 Kenshin Cui. All rights reserved. 
  
// 
  
 
  
#import "KCContactViewController.h" 
  
 
  
@interface KCContactViewController () 
  
 
  
@end 
  
 
  
@implementation KCContactViewController 
  
 
  
- (void)viewDidLoad { 
  
    [super viewDidLoad]; 
  
    self.view.backgroundColor=[UIColor yellowColor]; 
  
 
  
    self.tabBarItem.title=@"Contact"; 
  
    self.tabBarItem.image=[UIImage imageNamed:@"tabbar_contacts.png"]; 
  
    self.tabBarItem.selectedImage=[UIImage imageNamed:@"tabbar_contactsHL.png"]; 
  
 
  
} 
  
 
  
@end 
 

3.在應用程式啟動後設定Tab bar視圖控制器的子視圖，同時將Tab bar視圖控制器作為window的根控制器。

AppDelegate.m

 

  
// 
  
//  AppDelegate.m 
  
//  ViewTransition 
  
// 
  
//  Created by Kenshin Cui on 14-3-15. 
  
//  Copyright (c) 2014年 Kenshin Cui. All rights reserved. 
  
// 
  
 
  
#import "AppDelegate.h" 
  
#import "KCTabBarViewController.h" 
  
#import "KCWebChatViewController.h" 
  
#import "KCContactViewController.h" 
  
 
  
@interface AppDelegate () 
  
 
  
@end 
  
 
  
@implementation AppDelegate 
  
             
  
 
  
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 
  
     
  
    _window=[[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds]; 
  
     
  
    KCTabBarViewController *tabBarController=[[KCTabBarViewController alloc]init]; 
  
     
  
    KCWebChatViewController *webChatController=[[KCWebChatViewController alloc]init]; 
  
    KCContactViewController *contactController=[[KCContactViewController alloc]init]; 
  
    tabBarController.viewControllers=@[webChatController,contactController]; 
  
    //注意預設情況下UITabBarController在載入子視圖時是懶載入的，所以這裡調用一次contactController，否則在第一次展示時只有第一個控制器tab表徵圖，contactController的tab表徵圖不會顯示 
  
    for (UIViewController *controller in tabBarController.viewControllers) { 
  
        UIViewController *view= controller.view; 
  
    } 
  
     
  
    _window.rootViewController=tabBarController; 
  
    [_window makeKeyAndVisible]; 
  
     
  
    return YES; 
  
} 
  
 
  
- (void)applicationWillResignActive:(UIApplication *)application { 
  
    // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state. 
  
    // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game. 
  
} 
  
 
  
- (void)applicationDidEnterBackground:(UIApplication *)application { 
  
    // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later. 
  
    // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits. 
  
} 
  
 
  
- (void)applicationWillEnterForeground:(UIApplication *)application { 
  
    // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background. 
  
} 
  
 
  
- (void)applicationDidBecomeActive:(UIApplication *)application { 
  
    // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface. 
  
} 
  
 
  
- (void)applicationWillTerminate:(UIApplication *)application { 
  
    // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:. 
  
} 
  
 
  
@end 
 

對於UITabBarController簡單總結如下：

UITabBarController會一次性初始化所有子控制器，但是預設只載入第一個控制器視圖，其他視圖控制器只初始化預設不會載入,為了 能夠將其他子控制器也正常顯示在Tab bar中我們訪問了每個子視圖控制器的視圖以便調用其視圖載入方法viewDidLoad）。

每個視圖控制器都有一個tabBarController屬性，通過它可以訪問所在的UITabBarController，而且對於UITabBarController的直接子視圖其tabBarController等於parentViewController。

每個視圖控制器都有一個tabBarItem屬性，通過它控制視圖在UITabBarController的tabBar中的顯示資訊。

tabBarItem的image屬性必須是png格式建議大小32*32）並且開啟alpha通道否則無法正常顯示。

UINavigationController