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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類