iOS項目——基本架構搭建，ios基本架構搭建

iOS項目——基本架構搭建，ios基本架構搭建

　　項目開發過程中，在完成iOS項目——項目開發環境搭建之後，我們首先需要考慮的就是我們的項目的整體架構與導航架構設計，然後在這個基礎上考慮功能模組的完成。

一 導航架構設計

　　一款App的導航架構設計應該是符合人們的操作慣性和方便操作的特點，也應該在互動上更加合理和人性化。根據項目功能和定位不同，不同的App的導航設計應該採用不同的技術架構，目前比較常見的導航架構主要有標籤式、列表式、矩陣式三大類，如，具體每一類的特點及詳情可以參見：再談App導航設計。

目前資訊新聞類的移動端項目的主流App架構基本都是標籤式的，這種類型的導航設計技術上基本上都是通過TabBar + NavigationController架構進行搭建完成，大家經常使用到的微博、今日頭條等都是採用TabBar + NavigationController這樣的架構。TabBar + NavigationController就是在應該TabBar上添加itemBar，每一個itemBar都是一個獨立的模組，並且每一個itemBar都對應一個NavigationController。因為每一個itemBar的導航器都不一樣，所以應該是先有TabBar 再有NavigationController。

　　我們的項目也屬於資訊類，所以我們的項目的架構也是採用TabBar + NavigationController進行搭建。今天我們的主要任務就是搭建我們TabBar，如果採用系統內建的UITabBarController（官網文檔戳這裡），在使用過程有一下幾點需要注意：

• 每一個barItem都必須對應一個ViewController，可以是一般的ViewController，也可以是UINavigationController
• barItem對應的ViewController或UINavigationController的frame如果自訂設定了，注意不要遮擋最下面的TabBar條
• barItem的順序與添加到UITabBarController的順序保持一致
• 當添加的barItem個數 <= 5個時，均勻分布在最下面的bar條上，如所示的4個
• 當添加的barItem個數 > 5個時，會只顯示前四個添加的barItem，然後加上一個【more】，點擊【more】彈出一個列表可選，並且列表的右上方有一個【edit】按鈕，點擊之後可以調整barItem的顯示順序，如所示，所以TabBar + NavigationController架構下的barItem個數最好不要超過5個，否則使用者體驗不是很好

    

• 添加itemBar對應的ViewController的方法有兩種：一是使用UITabBarController的 setViewControllers: 方法設定；二是用UIViewController的 addChildViewController: 方法添加子視圖，也可以實現添加到tabBar的功能，但是這種方法對於barItem個數 > 5的時候，只會顯示前五個，剩下的不會出現時出來，也沒有【more】按鈕可以選擇。

範例程式碼如下，自訂一個TabBarController繼承自UITabBarController，然後重寫其 viewDidLoad 方法添加子視圖和標籤： 

@implementation XMGTabBarController- (void)viewDidLoad {    [super viewDidLoad];        //添加4個item bar    UITableViewController *vc0 = [[UITableViewController alloc] init];    vc0.view.backgroundColor = [UIColor redColor];    vc0.tabBarItem.title = @"精華";    vc0.tabBarItem.image = [UIImage imageNamed:@"tabBar_essence_icon"];    vc0.tabBarItem.selectedImage = [UIImage imageNamed:@"tabBar_essence_click_icon"];    [self addChildViewController:vc0];        UIViewController *vc1 = [[UIViewController alloc] init];    vc1.view.backgroundColor = [UIColor blueColor];    vc1.tabBarItem.title = @"新帖";    vc1.tabBarItem.image = [UIImage imageNamed:@"tabBar_new_icon"];    vc1.tabBarItem.selectedImage = [UIImage imageNamed:@"tabBar_new_click_icon"];    [self addChildViewController:vc1];        UITableViewController *vc2 = [[UITableViewController alloc] init];    vc2.view.backgroundColor = [UIColor greenColor];    vc2.tabBarItem.title = @"關注";    vc2.tabBarItem.image = [UIImage imageNamed:@"tabBar_friendTrends_icon"];    vc2.tabBarItem.selectedImage = [UIImage imageNamed:@"tabBar_friendTrends_click_icon"];    [self addChildViewController:vc2];        UIViewController *vc3 = [[UIViewController alloc] init];    vc3.view.backgroundColor = [UIColor grayColor];    vc3.tabBarItem.title = @"我";    vc3.tabBarItem.image = [UIImage imageNamed:@"tabBar_me_icon"];    vc3.tabBarItem.selectedImage = [UIImage imageNamed:@"tabBar_me_click_icon"];    [self addChildViewController:vc3];     //下面的方法也是可以的，推薦使用下面的方法//    [self addChildViewController:@[vc0,vc1,vc2,vc3]];    }

二 開發過程中注意代碼重構

 在開發過程中，我們最好不要重複寫相同的代碼，因此，在開發過程中，我們需要對我們的代碼進行重構和簡化，主要原則是盡量保持一個方法實現一個功能，然後盡量不寫重複的代碼，精簡邏輯。在我們前面添tabBar item的代碼中就存在大量重複性的代碼，所以我們需要對其進行重構，將重複性的代碼進行抽取，將不同的內容設定成參數進行自訂設定，重構後的邏輯如下：

@implementation XMGTabBarController- (void)viewDidLoad {    [super viewDidLoad];        /**** 添加子控制器 ****/    [self setupOneChildViewController:[[UITableViewController alloc] init] title:@"精華" image:@"tabBar_essence_icon" selectedImage:@"tabBar_essence_click_icon"];    [self setupOneChildViewController:[[UITableViewController alloc] init] title:@"新帖" image:@"tabBar_new_icon" selectedImage:@"tabBar_new_click_icon"];    [self setupOneChildViewController:[[UIViewController alloc] init] title:@"關注" image:@"tabBar_friendTrends_icon" selectedImage:@"tabBar_friendTrends_click_icon"];    [self setupOneChildViewController:[[UITableViewController alloc] init] title:@"我" image:@"tabBar_me_icon" selectedImage:@"tabBar_me_click_icon"];}/** *  初始化一個子控制器 * *  @param vc            子控制器 *  @param title         標題 *  @param image         表徵圖 *  @param selectedImage 選中的表徵圖 */- (void)setupOneChildViewController:(UIViewController *)vc title:(NSString *)title image:(NSString *)image selectedImage:(NSString *)selectedImage{    vc.view.backgroundColor = [UIColor redColor];    vc.tabBarItem.title = title;    vc.tabBarItem.image = [UIImage imageNamed:image];    vc.tabBarItem.selectedImage = [UIImage imageNamed:selectedImage];    [self addChildViewController:vc];}@end

三 UITabBarItem設定 

　　在iOS開發過程中，系統內建的空間有時候會將有些圖片顯示出來時自動渲染成藍色，例如內建的TabBarItem在選中時的圖片，還有設定UIButtonTypeSystem樣式時按鈕的圖片，這時候系統都會自動渲染成藍色。

vc.tabBarItem.selectedImage = image;UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];[btn setImage:image forState:UIControlStateNormal];

3.1 image的渲染問題　　

　　我們在開發過程中有時候並不需要這種渲染，只希望開發的App按我們設定的圖片進行顯示就好了，這是我們就需要對圖片進行禁止渲染的設定和操作。有兩種解決方案：

• 再次產生一張不會進行渲染的圖片

  // 載入圖片UIImage *tempImage = [UIImage imageNamed:@"tabBar_essence_click_icon"];// 產生一張不會進行自動渲染的圖片UIImage *selectedImage = [tempImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];vc.tabBarItem.selectedImage = selectedImage;

• 直接在xcassets檔案中配置圖片不被渲染

 

3.2 設定TabBarItem的文字屬性

 　　在上述我們隊圖片修改之後，雖然tabBarItem的圖片可以完全按照我們設定的圖片進行顯示，但是 在開發過程中，我們很多時候還需要對tabBarItem的標題的字型、字型大小等文字屬性進行設定。要設定tabBarItem的文字屬性，我們也有兩種解決方案：

• 直接設定每一個tabBarItem對象

  // 普通狀態下的文字屬性NSMutableDictionary *normalAttrs = [NSMutableDictionary dictionary];normalAttrs[NSFontAttributeName] = [UIFont systemFontOfSize:14];normalAttrs[NSForegroundColorAttributeName] = [UIColor grayColor];[vc.tabBarItem setTitleTextAttributes:normalAttrs forState:UIControlStateNormal];// 選中狀態下的文字屬性NSMutableDictionary *selectedAttrs = [NSMutableDictionary dictionary];selectedAttrs[NSForegroundColorAttributeName] = [UIColor darkGrayColor];[vc.tabBarItem setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected];

  需要注意的是：

  // 字典中用到的key1.iOS7之前(在UIStringDrawing.h中可以找到)- 比如UITextAttributeFont\UITextAttributeTextColor- 規律:UITextAttributeXXX2.iOS7開始(在NSAttributedString.h中可以找到)- 比如NSFontAttributeName\NSForegroundColorAttributeName- 規律:NSXXXAttributeName

• 通過UITabBarItem的appearance對象統一設定

  /**** 設定所有UITabBarItem的文字屬性 ****/UITabBarItem *item = [UITabBarItem appearance];// 普通狀態下的文字屬性NSMutableDictionary *normalAttrs = [NSMutableDictionary dictionary];normalAttrs[NSFontAttributeName] = [UIFont systemFontOfSize:14];normalAttrs[NSForegroundColorAttributeName] = [UIColor grayColor];[item setTitleTextAttributes:normalAttrs forState:UIControlStateNormal];// 選中狀態下的文字屬性NSMutableDictionary *selectedAttrs = [NSMutableDictionary dictionary];selectedAttrs[NSForegroundColorAttributeName] = [UIColor darkGrayColor];[item setTitleTextAttributes:normalAttrs forState:UIControlStateSelected];

3.3 UIAppearance

　　只要一個類遵守UIAppearance，就能獲得全域的外觀，UIview都可以擷取所有的外觀，我們可以擷取所有的tabBarItem外觀標識，但是，一般不用下面這種，因為下面這種方法擷取的是全域的所有tabBarItem外觀標識，我們在開發時，一般都是自己負責自己開發的部分，所以推薦使用下面第二種方法，只擷取當前類的tabBarItem外觀標識。

//擷取全域的tabBarItem外觀標識UITabBarItem *item = [UITabBarItem appearance];

//擷取當前這個類下面的所有tabBarItemUITabBarItem *item = [UITabBarItem appearanceWhenContainedIn:self, nil]

　　appearance使用注意:一定要在控制項顯示之前設定才有用,一般會放在+ (void)load方法中而不放在+(void)initialize中,因為+ (void)load方法只會調用一次,+(void)initialize可能會調用多次,使用時還需要判斷。

• load方法：載入類的時候調用，類在什麼時候載入呢？程式一起動就調用load方法
• Initialize方法：初始化類，當第一次使用這個類或者子類的時候調用
• viewdidload方法：當viewcontroller第一次即將顯示的時候載入。viewController都是懶載入，即都是在即將顯示出來時才載入viewdidLoad，但是只有 tabbarcontroller是在一建立控制器的時候就進行載入viewdidLoad。

四 pch檔案的定義

　　PCH檔案(Precompile Prefix Header File)，也就是先行編譯標頭檔，其作用就是，方便你一次性匯入在多個檔案中同時用到的標頭檔、宏或者URL地址等(全域使用)，可以有效幫你節約時間，提高開發效率。但是，自從Xcode 5之後，這個檔案預設就不再提供了，如果你還想繼續使用的話，需要手動建立並配置。至於為什麼預設不再提供，可能是出於提高編譯效率方面的考慮，畢竟先行編譯也會提高Build的時間。

　　具體如何建立和配置PCH檔案詳情可以參見：ios中pch檔案的建立與配置

　　下面是在編寫PCH檔案需要注意的一些情況： 

#ifndef PrefixHeader_pch#define PrefixHeader_pch/*** 如果希望某些內容能拷貝到任何原始碼檔案(OC\C\C++等), 那麼就不要寫在#ifdef __OBJC__和#endif之間 ***//***** 在#ifdef __OBJC__和#endif之間的內容, 只會拷貝到OC原始碼檔案中, 不會拷貝到其他語言的原始碼檔案中 *****/#ifdef __OBJC__#endif/***** 在#ifdef __OBJC__和#endif之間的內容, 只會拷貝到OC原始碼檔案中, 不會拷貝到其他語言的原始碼檔案中 *****/#endif

五 在Build Setting中配置宏 

　　宏定義除了在類中用#define進行定義之外，在iOS開發過程中，我們還可以通過在Build Setting中進行配置宏，而在Build Setting中定義的宏在項目中會找不到，就是我們通過【command】+【按一下滑鼠】會顯示一個【？】，無法跳到對應定義的位置，這時候可能就是配置在Build Setting中，例如我們經常見到的宏 DEBUG 就配置在配置在Build Setting中。

注意點：Build Setting中配置的宏的名字不能全部是小寫字母，如果宏的名字全部是小寫, 會出現以下錯誤