【文章內(nèi)容簡介】 Graphics, Core Animation,和 OpenGLES 框架都是高級(jí)的 技術(shù)。所以這些框架對(duì)于你開發(fā)應(yīng)用程序 也是很重要的，它們都需要時(shí)間去學(xué)習(xí)和掌握。 Core Data 框架管著理應(yīng)用程序數(shù)據(jù)模型，提供的內(nèi)建 SQLlite 技術(shù)可以高效的管理數(shù)據(jù)。 Core Graphics 框架幫助你創(chuàng)建圖形 Core Animation 允許你創(chuàng)建高級(jí)的動(dòng)畫和虛擬效果 OpenGL ES 框架提供 2D 和 3D 繪圖工具 設(shè)計(jì)模式 （一）代理模式 應(yīng)用場景：當(dāng)一個(gè)類的某些功能需要由別的類來實(shí)現(xiàn)，但是又不確定具體會(huì)是哪個(gè)類實(shí)現(xiàn)。 優(yōu)勢：解耦合 敏捷原則：開放 封閉原則 實(shí)例： tableview的 數(shù)據(jù)源 delegate， 通過和 protocol的配合，完成委托訴求。 列表 row個(gè)數(shù) delegate 自定義的 delegate （二）觀察者模式 應(yīng)用場景：一般為 model層對(duì)， controller和 view進(jìn)行的通知方式，不關(guān)心誰去接收，只負(fù)責(zé)發(fā)布信息。 優(yōu)勢：解耦合 敏捷原則：接口隔離原則，開放 封閉原則 實(shí)例： Notification通知中心，注冊(cè)通知中心，任何位置可以發(fā)送消息，注冊(cè)觀察者的對(duì)象可以接收。 kvo，鍵值對(duì)改變通知的觀察者，平時(shí)基本沒用過。 （三） MVC模式 應(yīng)用場景：是一中非常古老的設(shè)計(jì)模式，通過數(shù)據(jù)模型 ，控制器邏輯，視圖展示將應(yīng)用程序進(jìn)行邏輯劃分。 優(yōu)勢：使系統(tǒng)，層次清晰，職責(zé)分明，易于維護(hù) 敏捷原則：對(duì)擴(kuò)展開放 對(duì)修改封閉 實(shí)例： model即數(shù)據(jù)模型， view視圖展示， controller進(jìn)行 UI展現(xiàn)和數(shù)據(jù)交互的邏輯控制。 （四）單例模式 應(yīng)用場景：確保程序運(yùn)行期某個(gè)類，只有一份實(shí)例，用于進(jìn)行資源共享控制。 5 優(yōu)勢：使用簡單，延時(shí)求值，易于跨模塊 敏捷原則：單一職責(zé)原則 實(shí)例： [UIApplication sharedApplication]。 注意事項(xiàng)：確保使用者只能通過 getInstance方 法才能獲得，單例類的唯一實(shí)例。 java， C++中使其沒有公有構(gòu)造函數(shù)，私有化并覆蓋其構(gòu)造函數(shù)。 object c中，重寫 allocWithZone方法，保證即使用戶用 alloc方法直接創(chuàng)建單例類的實(shí)例， 返回的也只是此單例類的唯一靜態(tài)變量。 （五）策略模式 應(yīng)用場景：定義算法族，封裝起來，使他們之間可以相互替換。 優(yōu)勢：使算法的變化獨(dú)立于使用算法的用戶 敏捷原則：接口隔離原則；多用組合，少用繼承；針對(duì)接口編程，而非實(shí)現(xiàn)。 實(shí)例：排序算法， NSArray的 sortedArrayUsingSelector；經(jīng)典的鴨子會(huì)叫，會(huì)飛案例。 注意事項(xiàng)： 1，剝離類中易于變化的行為，通過組合的方式嵌入抽象基類 2，變化的行為抽象基類為，所有可變變化的父類 3，用戶類的最終實(shí)例，通過注入行為實(shí)例的方式，設(shè)定易變行為 防止了繼承行為方式，導(dǎo)致無關(guān)行為污染子類。完成了策略封裝和可替換性。 （六）工廠模式 應(yīng)用場景：工廠方式創(chuàng)建類的實(shí)例，多與 proxy模式配合，創(chuàng)建可替換代理類。 優(yōu)勢：易于替換，面向抽象編程， application只與抽象工廠和易變類的共性抽象類發(fā)生調(diào)用關(guān)系。 敏捷原則： DIP依賴倒置原則 實(shí)例：項(xiàng)目部署 環(huán)境中依賴多個(gè)不同類型的數(shù)據(jù)庫時(shí)，需要使用工廠配合 proxy完成易用性替換 注意事項(xiàng)：項(xiàng)目初期，軟件結(jié)構(gòu)和需求都沒有穩(wěn)定下來時(shí)，不建議使用此模式，因?yàn)槠淞觿菀埠苊黠@， 增 加了代碼的復(fù)雜度，增加了調(diào)用層次，增加了內(nèi)存負(fù)擔(dān)。所以要注意防止模式的濫用 。 第三方庫 圖片異步加載 : SDWebImage 網(wǎng)絡(luò)通信庫 AFNetworking MKNetworkKit ASIHTTPRequest 網(wǎng)絡(luò)狀態(tài)檢查 : 6 Reachability JSON: SBJSON JSONKit XML: TouchXML SQLite: FMDB 下拉刷新 : MJRefresh SVPullToRefresh 提示框 : MBProgressHUD 3. 功能模塊的設(shè)計(jì) 這個(gè) App 由首頁，分類圖片，靈感，關(guān)注，設(shè)置，及個(gè)人信息六個(gè)界面組成，每個(gè)界面展示的都有明確的信息，讓我們有多樣化的選擇。 首頁界面的設(shè)計(jì) 首頁由兩部分組成，上方由是一個(gè)滾動(dòng)視圖，能夠無限滾動(dòng)，并且能夠用手滑動(dòng)，下方是一個(gè)列表，也能夠滑動(dòng)。首頁展示的是裝修后的家居圖片，并且每張圖片都有相應(yīng)的文 字作簡單的介紹。每張圖片都是能點(diǎn)擊的，點(diǎn)進(jìn)去是詳情，詳細(xì)介紹了如何裝修，及這樣裝修的好處，圖片也能都標(biāo)記為喜歡，并收集。設(shè)計(jì)流程見圖 31： 圖 31 首頁設(shè)計(jì)流程 首頁 滾動(dòng)視圖 列表視圖 圖片詳情 已登錄 未登錄 編輯操作 登錄界面 7 分類界面 這個(gè)界面通過分類來快速找到你想要的，房間哪個(gè)部分的裝修圖片。分為三大類：空間、局部、風(fēng)格。每個(gè)大類里面又分為許多小類，客廳、衣帽間，餐廳、廚房、衛(wèi)生間等等。點(diǎn)擊不同的分類，我們能夠進(jìn)入到不同的裝修圖片展示界面。圖片展示界面是一個(gè)列表，圖片能夠放大查看，并且也 能夠進(jìn)行標(biāo)記。 設(shè)計(jì)流程見圖 32： 圖 32 分類界面設(shè)計(jì)流程 靈感界面 在這個(gè)界面上我們可以創(chuàng)建格子，能給格子命名，并給格子配上自己喜歡的圖片，能夠進(jìn)行重命名，刪除等一些編輯操作。創(chuàng)建自己喜歡的裝修方法，即靈感。在這個(gè)界面我們也能看到自己標(biāo)注過的喜歡的圖片，也能顯示有多少人喜歡了這種裝修方法，圖片點(diǎn)進(jìn)去是裝修方法的詳情，并且能夠編輯，進(jìn)行一些刪除等操作。 設(shè)計(jì)流程見圖 33： 分類 空間 風(fēng)格 局部 客廳、餐廳、廚房等 現(xiàn)代、中式、日式等 吊頂、陽臺(tái)、樓梯等 圖片詳情 編輯操作 靈感 靈感 喜歡 創(chuàng)建格子 命名 更換圖片 刪除 圖片 取消喜歡 查看詳情 8 圖 33 靈感界面設(shè)計(jì)流程 關(guān)注界面 每一種裝修方法 作品都有相應(yīng)的作者，如果我們關(guān)注了這個(gè)作者，那么我們?cè)谶@個(gè)界面就能看到這個(gè)作者所有的作品，作品點(diǎn)進(jìn)去也是詳情界面，每張圖片也能夠標(biāo)記為喜歡。并且，在這個(gè)界面，也能夠看見別人使用這個(gè) APP 的動(dòng)態(tài)，有哪些人喜歡了哪些作品，看別人的裝修習(xí)慣是什么樣的。 設(shè)計(jì)流程見圖 34： 圖 34 關(guān)注界面設(shè)計(jì)流程 設(shè)置界面 這個(gè)界面顯示自己的頭像，昵稱。在這個(gè)界面我們可以清空緩存，關(guān)于這個(gè) APP的介紹，以及意見反饋，退出登錄。 設(shè)計(jì)流程見圖 35： 關(guān)注 熱門 關(guān)注 列表試圖 列表試圖 圖片詳情 編輯操作 設(shè)置 頭像昵稱 清空緩存 給我評(píng)分 意見反饋 關(guān)于 退出登錄 9 圖 35 設(shè)置界面設(shè)計(jì)流程 4. 功能模塊的具體實(shí)現(xiàn) 見每個(gè)界面的具體實(shí)現(xiàn)根據(jù)設(shè)計(jì)圖來做，包括各個(gè)界面之間的切換和每個(gè)界面的具體介紹及代碼編寫。 各個(gè)界面之間的切換 各個(gè)界面之間通過側(cè)邊欄來進(jìn)行切換，點(diǎn)擊相應(yīng)的按鈕可以進(jìn)入到相應(yīng)的界面，上圖即為效果圖，側(cè)邊欄用到了 ZYMenuController 這個(gè)第三方框架，將ZYMenuController 的對(duì)象作為 window 的根視圖，代碼實(shí)現(xiàn)為： ZYFirstViewController * firstViewController = [[[ZYFirstViewController alloc] init]autorelease]。 UINavigationController * nav = [[[UINavigationController alloc] initWithRootViewController:firstViewController] autorelease]。 ZYMenuController * menu = [[ZYMenuController alloc] initWithRootViewController:nav leftViewController:leftViewController rightViewController:nil]。 = menu。 [ makeKeyAndVisible]。 視圖使用 tableView 寫的，能夠滑動(dòng)，增強(qiáng)了用戶的體驗(yàn) _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 120, , 150)]。 = self。 = self。 = [UIColor clearColor]。 = UITableViewCellSeparatorStyleNone。 [ addSubview:_tableView]。 [_tableView release]。 實(shí)際測試效果圖見圖 41： 10 圖 41 界面切換效果 輯及代碼 （ 1）首頁界面 首頁上方是一個(gè)能夠無限循環(huán)滾動(dòng)的滾動(dòng)視圖，用的 scrollView 實(shí)現(xiàn)，將button 加到 scrollView 上面，可點(diǎn)擊，并也能夠用手滑動(dòng)。下方用 tableView實(shí)現(xiàn)，是一個(gè)列表視圖。將上方的 scrollView 和下方的 tableView 放到一個(gè)大的scrollView 上面，實(shí)現(xiàn)整個(gè)界面都能夠滑動(dòng)。 tableView 是自定義的，能夠滿足設(shè)計(jì)的需求。代碼實(shí)現(xiàn)為： //創(chuàng)建大 scrollView _bigScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0,0, 320, )]。 = self。 [ addSubview:_bigScrollView]。 //屏幕上方的小 scrollView [HttpEngine getAdvertisingRequestWithCompletionBlock:^(NSMutableArray *array) { = array。 _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, , 160)]。 // = [UIColor redColor]。 = self。 11 = YE