iOS項目——基本框架搭建

来源:https://www.cnblogs.com/mukekeheart/archive/2018/02/05/8365979.html
-Advertisement-
Play Games

項目開發過程中，在完成iOS項目——項目開發環境搭建之後，我們首先需要考慮的就是我們的項目的整體框架與導航架構設計，然後在這個基礎上考慮功能模塊的完成。 一 導航架構設計 一款App的導航架構設計應該是符合人們的操作慣性和方便操作的特點，也應該在交互上更加合理和人性化。根據項目功能和定位不同，不同的 ...


　　項目開發過程中，在完成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];

    需要註意的是：

    // 字典中用到的key
1.iOS7之前(在UIStringDrawing.h中可以找到)
- 比如UITextAttributeFont\UITextAttributeTextColor
- 規律:UITextAttributeXXX

2.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];
//獲取當前這個類下麵的所有tabBarItem
UITabBarItem *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中配置的巨集的名字不能全部是小寫字母，如果巨集的名字全部是小寫, 會出現以下錯誤 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ListView展示不同佈局需要註意的地方
    尊重勞動成果，轉載請標明出處：http://www.cnblogs.com/tangZH/p/8419010.html 我們在項目中經常需在一個listview中展示不一樣的佈局，我們可以在adapter的getView()中根據position來決定該展示哪些佈局。 我在項目中便是如此，第一個it ...
  • Android自定義圖片選擇器1-簡單版
    前言：圖片選擇器基本上是每個App必備的東西，用公認好的第三方也可以，但是自己寫的改起來方便，用起來順手，而且這東西想想可能沒動手之前想想比較難，實際操作起來就很簡單了，這次先主要寫流程，具體優化的細節以後在寫。 難點：動手之前最困惑的問題就是怎麼獲取到手機里所有的圖片，獲取到之後，顯示出來，處理邏 ...
  • 實現安卓裡邊下邊播的播放器（源碼公開）
    前段時間弄了一款安卓電視盒子的遠程遙控輸入法APP：TVRemoteIME，此APP實現了遠程跨屏的輸入、遙控和應用管理功能。 最近發現盒子上要播放電影資源除了買APP會員之外，能直接免費播放電影的第三方APP越來越少了，要麼更新不及時要麼電影資源非常的少或者廣告繁多。而在電腦上要找一部電影播放還是... ...
  • 基於Afnetworking 網路層的封裝
    LSAFHTTPClient 對所有請求進行統一管理，添加了兩個隊列：一個工作隊列，一個讀寫緩存的io隊列 LSAFHTTPClient.h 代碼如下： LSAFHTTPClient.m 代碼如下： LSBaseRequest 實現網路層的統一請求，在子類請求中調用基類的請求方法。 LSBaseRe ...
  • CGAffineTransform 圖像處理類
    CGAffineTransform 概述 CGAffineTransform是一個用於處理形變的類,其可以改變控制項的平移、縮放、旋轉等,其坐標系統採用的是二維坐標系,即向右為x軸正方向,向下為y軸正方向 在UIView中有一個transform屬性便是專門用來控制形變的,其使用方法如下 樣例素材 在 ...
  • block 應用說明
    一、Block定義 Block可以理解為一個函數指針（即它是一個指針，指向某個函數） returnType (^blockName) (parameter list) = ^ (parameter list) {代碼塊}; 說明： returnType：block的返回類型，可定義為void； bl ...
  • https 公鑰和私鑰理解說明
    數字證書： 是數字形式的標識，與我們的護照和駕駛證十分相似。它是由證書頒發機構(CA)的權威機構頒發的,由該權威機構擔保證書信息的有效性。因此數字證書只有在特定的時間段內有效。 證書中包含了證書中所標識的公鑰，也就是說證書里包含了你的公鑰，公鑰與你個人信息相匹配，證書會找到用戶對應的自己的公鑰，並確 ...
  • ReactiveCocoa 響應式函數編程
    簡介 ReactiveCocoa(簡稱為RAC)，RAC具有函數響應式編程特性，由Matt Diephouse開源的一個應用於iOS和OS X的新框架。 為什麼使用RAC？ 因為RAC具有高聚合低耦合的思想所以使用RAC會讓代碼更簡潔，邏輯更清晰。 如何在項目中添加RAC？ 方法1.可以使用Coco ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類