計(jì)算機(jī)應(yīng)用技術(shù)畢業(yè)論文基于ios的唯美之家設(shè)計(jì)與實(shí)現(xiàn)—社區(qū)、設(shè)計(jì)師設(shè)計(jì)

1、<p><b>　　畢業(yè)論文（設(shè)計(jì)）</b></p><p>　　基于IOS的唯美之家設(shè)計(jì)與實(shí)現(xiàn)—社區(qū)、設(shè)計(jì)師設(shè)計(jì)</p><p>　中工信商2015-JX16-</p><p><b>　　摘 要</b></p><p>　　論文設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于iOS平臺(tái)的手機(jī)裝修設(shè)計(jì)軟件。<

2、/p><p>　　論文對(duì)基于iOS的手機(jī)APP客戶端進(jìn)行了需求分析，主要介紹了IOS唯美之家的社區(qū)設(shè)計(jì)、設(shè)計(jì)師等設(shè)計(jì)的設(shè)計(jì)內(nèi)容，并對(duì)系統(tǒng)可能存在的問(wèn)題及解決方案進(jìn)行了探討。系統(tǒng)可對(duì)設(shè)計(jì)師風(fēng)格、設(shè)計(jì)師作品、裝修社區(qū)的多方位交流等進(jìn)行綜合展示及溝通。</p><p>　　關(guān)鍵詞：iOS；唯美之家；社區(qū)；設(shè)計(jì)師設(shè)計(jì)</p><p><b>　　Abstract<

3、;/b></p><p>　　Paper designs and realizes a mobile phone decoration design based on iOS software.</p><p>　　Paper based on the iOS APP client demand analysis, mainly introduced the iOS only bea

4、utiful home community design, designers and other design design content, and the possible problems and solutions to the system are discussed in this paper. System of designer style, designer, decorate community comprehen

5、sive display all-round exchanges and communication.</p><p>　　Keywords: iOS；Aesthetic Home；community；designer</p><p><b>　　目 錄</b></p><p>　　畢業(yè)論文（設(shè)計(jì)）I</p><p&g

6、t;<b>　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　1 緒 論1</b></p><p>　　1.1 開(kāi)發(fā)背景和意義1</p><p>　　1.2 國(guó)內(nèi)外研究現(xiàn)狀1</p><p>　　1.3 研究的主要目的和意義

7、1</p><p>　　2 系統(tǒng)開(kāi)發(fā)技術(shù)概述3</p><p>　　2.1 iOS系統(tǒng)3</p><p>　　2.2 iOS層次結(jié)構(gòu)3</p><p>　　2.3 iOS框架結(jié)構(gòu)4</p><p>　　2.4 OC語(yǔ)言5</p><p>　　2.5 MVC設(shè)計(jì)模式6</p

8、><p>　　3客戶端總體設(shè)計(jì)8</p><p>　　3.1 總體設(shè)計(jì)8</p><p>　　3.2 客戶端UI設(shè)計(jì)8</p><p>　　3.2.1 主界面9</p><p>　　3.2.2 瀏覽界面9</p><p>　　3.2.3 靈感界面10</p><p&g

9、t;　　3.2.4 社區(qū)界面10</p><p>　　3.2.5 設(shè)計(jì)師界面10</p><p>　　3.2.6 我界面10</p><p>　　4客戶端詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)12</p><p>　　4.1 主界面的設(shè)計(jì)與實(shí)現(xiàn)12</p><p>　　4.2 靈感畫(huà)冊(cè)的設(shè)計(jì)與實(shí)現(xiàn)13</p><

10、;p>　　4.3 社區(qū)的設(shè)計(jì)與實(shí)現(xiàn)14</p><p>　　4.4 設(shè)計(jì)師的設(shè)計(jì)與實(shí)現(xiàn)16</p><p>　　4.5 軟件設(shè)置界面的設(shè)計(jì)與實(shí)現(xiàn)17</p><p><b>　　5系統(tǒng)測(cè)試19</b></p><p>　　5.1不同版本的蘋(píng)果手機(jī)兼容性測(cè)試19</p><p>　　

11、5.2 系統(tǒng)功能測(cè)試19</p><p>　　5.2.1 社區(qū)界面展示測(cè)試19</p><p>　　5.2.2 設(shè)計(jì)師界面展示測(cè)試21</p><p><b>　　5.3小結(jié)22</b></p><p><b>　　6 結(jié) 論23</b></p><p>&l

12、t;b>　　7 致 謝24</b></p><p><b>　　參考文獻(xiàn)25</b></p><p><b>　　1 緒 論</b></p><p>　　1.1 開(kāi)發(fā)背景和意義</p><p>　　app迅速發(fā)展是一個(gè)全球現(xiàn)象，而作為未來(lái)增長(zhǎng)的重點(diǎn)區(qū)域，中國(guó)將表現(xiàn)出更加強(qiáng)大的潛

13、力，尤其是在部分傳統(tǒng)裝修公司逐漸“覺(jué)醒后”，裝修公司手機(jī)APP開(kāi)發(fā)將水漲船高，成為裝修公司搶占移動(dòng)市場(chǎng)先機(jī)的重要手段。</p><p>　　正是基于這樣的市場(chǎng)環(huán)境，裝修APP應(yīng)用?！白鳛橐环N有效的營(yíng)銷(xiāo)工具，App已成為企業(yè)在移動(dòng)終端的競(jìng)爭(zhēng)平臺(tái)，并與微博、微信構(gòu)成新媒體營(yíng)銷(xiāo)的‘三駕馬車(chē)’。每個(gè)裝修公司都應(yīng)該看到企業(yè)App的巨大營(yíng)銷(xiāo)價(jià)值，實(shí)現(xiàn)裝修公司與業(yè)主的零距離綁定，搶奪移動(dòng)互聯(lián)營(yíng)銷(xiāo)的先機(jī)。”裝修公司App包括裝修

14、公司介紹、裝修公司案例展示、團(tuán)隊(duì)風(fēng)采、裝修公司企業(yè)新聞、招聘等內(nèi)容，以其完善、便捷、多樣、高效的移動(dòng)營(yíng)銷(xiāo)新方式，不僅提升了裝修公司品牌形象，實(shí)現(xiàn)公司廣告展示、客戶服務(wù)等訴求，其提供的服務(wù)通道更以流程化的操作，輕松實(shí)現(xiàn)企業(yè)移動(dòng)電商，直接促進(jìn)了銷(xiāo)售。</p><p>　　1.2 國(guó)內(nèi)外研究現(xiàn)狀 </p><p>　　在國(guó)外的年輕人中，APP的家裝軟件十分流行，他們可以通過(guò)APP的模塊，直接拼接

15、出自己想要的裝修效果圖，然后發(fā)給裝修公司直接施工。這種傻瓜式的裝修模式，盡管選擇不多，卻減少了用戶在選擇中的耗費(fèi)，因?yàn)樵诳旃?jié)奏的當(dāng)下極受歡迎。</p><p>　　我國(guó)網(wǎng)民上網(wǎng)設(shè)備中，手機(jī)使用率達(dá)83.4%，首次超越傳統(tǒng)PC整體使用率（80.9%），手機(jī)作為第一大上網(wǎng)終端設(shè)備的地位更加鞏固。同時(shí)網(wǎng)民在手機(jī)電子商務(wù)類(lèi)、休閑娛樂(lè)類(lèi)、信息獲取類(lèi)、交通溝流類(lèi)等應(yīng)用的使用率都在快速增長(zhǎng)，移動(dòng)互聯(lián)網(wǎng)帶動(dòng)整體互聯(lián)網(wǎng)各類(lèi)應(yīng)用發(fā)展

16、。</p><p>　　移動(dòng)互聯(lián)網(wǎng)的穩(wěn)定快速發(fā)展，帶動(dòng)APP移動(dòng)應(yīng)用行業(yè)的迅速崛起</p><p>　　1.3 研究的主要目的和意義 </p><p>　　唯美之家打造了家居裝飾APP的新概念，帶給客戶不同以往的家居裝飾體驗(yàn)。更值得一提的是相比于傳統(tǒng)的營(yíng)銷(xiāo)模式，唯美之家能夠更確切的了解用戶的需求，而商家也會(huì)為用戶提供專(zhuān)業(yè)的客服來(lái)幫助用戶解決問(wèn)題，這與傳統(tǒng)的家居裝飾完

17、全不同。在專(zhuān)業(yè)團(tuán)隊(duì)的幫助下，用戶會(huì)裝飾出更貼近自己理想的家居風(fēng)格。</p><p>　　現(xiàn)在裝修類(lèi)APP也漸漸多了， 這有什么好處？就是把設(shè)計(jì)師搬到了APP上，因此，使用APP交流家裝問(wèn)題是設(shè)計(jì)師與用戶共同的訴求，而借助于微信、qq交流，又不便于展示設(shè)計(jì)作品。加入了討論區(qū)設(shè)計(jì)，用戶交流平臺(tái)展示；用于展示交流心得，展示裝修圖片等等，按城市選擇設(shè)計(jì)師；按熱門(mén)、活躍度查找設(shè)計(jì)師。</p><p>

18、;　　2 系統(tǒng)開(kāi)發(fā)技術(shù)概述 </p><p><b>　　2.1 iOS系統(tǒng)</b></p><p>　　iOS是運(yùn)行于iPhone、iPod touch以及 iPad設(shè)備的操作系統(tǒng)，它管理設(shè)備硬件并為手機(jī)本地應(yīng)用程序的實(shí)現(xiàn)提供基礎(chǔ)技術(shù)。根據(jù)設(shè)備不同，操作系統(tǒng)具有不同的系統(tǒng)應(yīng)用程序，例如Phone、Mail以及Safari，這些應(yīng)用程序可以為用戶提供標(biāo)準(zhǔn)系統(tǒng)服務(wù)。

19、</p><p>　　iPhone SDK包含開(kāi)發(fā)、安裝及運(yùn)行本地應(yīng)用程序所需的工具和接口。本地應(yīng)用程序使用iOS系統(tǒng)框架和Objective-C語(yǔ)言進(jìn)行構(gòu)建，并且直接運(yùn)行于iOS設(shè)備。它與web應(yīng)用程序不同，一是它位于所安裝的設(shè)備上，二是不管是否有網(wǎng)絡(luò)連接它都能運(yùn)行?？梢哉f(shuō)本地應(yīng)用程序和其他系統(tǒng)應(yīng)用程序具有相同地位。本地應(yīng)用程序和用戶數(shù)據(jù)都可以通過(guò)iTunes同步到用戶計(jì)算機(jī)。</p><p

20、>　　2.2 iOS層次結(jié)構(gòu)</p><p>　　iOS層次結(jié)構(gòu)如圖2-1所示。</p><p>　　圖2-1 iOS層次結(jié)構(gòu)圖</p><p>　?。?）Core OS 核心層</p><p>　　包含Accelerate Framework、External Accessory Framework、Security Framewo

21、rk、System等幾個(gè)框架，基本都是基于c語(yǔ)言的接口。</p><p>　　（2）Core Services核心服務(wù)層</p><p>　　包含Address Book Framework、CFNetwork Framework、Core Data Framework、Core Foundation Framework、Core Location Framework、Core Media

22、 Framework、Core Telephony Framework、Event Kit Framework、Foundation Framework、Mobile Core Services Framework、Quick Look Framework、Store Kit Framework、System Configuration Framework、Block Objects、Grand Central Dispatch

23、60;、In App Purchase、Location Services、SQLite、XML Support等一些框架，也基本都是基于c語(yǔ)言的接口。</p><p>　?。?）Mediah媒體層</p><p>　　包含Core Graphics、Core Animation、OpenGL ES、Core Text、Image I/O、Assets Library Framework、

24、Media Player Framework、AV Foundation、OpenAL、Core Audio Frameworks、Core Media等等。</p><p>　　（4）Cocoa Touch 觸摸層</p><p>　　包括Address Book UI Framework、Event Kit UI Framework、Game Kit Framework、iAd Fra

25、mework、Map Kit Framework、Message UI Framework、UIKit Framework等等，這一層基本都是基于 Objective-c的接口。</p><p>　　2.3 iOS框架結(jié)構(gòu)</p><p>　　圖2-2顯示了 iOS主要的分層結(jié)構(gòu)。iOS應(yīng)用程序主要基于Foundation和UDCit框架。下面具體介紹iOS提供的主要框架。</p&g

26、t;<p>　　圖2-2 iOS分層結(jié)構(gòu)圖</p><p>　?。?）Foundation框架</p><p>　　所有的應(yīng)用程序的基本系統(tǒng)服務(wù)由Foundation框架提供,包括UIKit在內(nèi)的其它的框架都是建立在Foundation框架上面的；利用Object-C對(duì)Core Foundation框架里許多特性的封裝,形成了 Foundation框架。</p>

27、<p>　?。?）UIKit 框架</p><p>　　UIKit框架 (UIKit.framework)的Objective-C編程接口為實(shí)現(xiàn)iOS應(yīng)用程序的圖形及事件驅(qū)動(dòng)提供關(guān)鍵基礎(chǔ)。iOS系統(tǒng)所有程序都需要通過(guò)該框架實(shí)現(xiàn)下述核心功能：應(yīng)用程序管理、用戶界面管理、圖形和窗口支持多任務(wù)支持處理觸摸及移動(dòng)事件。代表標(biāo)準(zhǔn)系統(tǒng)視圖和控件的對(duì)象文本和web內(nèi)容相關(guān)操作剪切、復(fù)制以及粘貼使用動(dòng)畫(huà)顯示用戶界面內(nèi)

28、容，通過(guò)URL方式將其他應(yīng)用程序整合到系統(tǒng)蘋(píng)果推送通知服務(wù)支持，請(qǐng)查看“蘋(píng)果推送通知服務(wù) ”為殘疾用戶提供輔助功能，本地通知的調(diào)度和發(fā)送 創(chuàng)建PDF 使用定制輸入視圖（其行為類(lèi)似系統(tǒng)鍵盤(pán)）</p><p>　　創(chuàng)建和系統(tǒng)鍵盤(pán)進(jìn)行交互的定制文本視圖除了鏈編至應(yīng)用程序的基礎(chǔ)代碼，UIKit還為下述和設(shè)備緊密相連的功能提供支持：加速器數(shù)據(jù) 內(nèi)置相機(jī)（存在相機(jī)的設(shè)備）用戶的圖片庫(kù) 設(shè)備名稱和模型信息電池狀態(tài)信息、距離感應(yīng)

29、器信息 來(lái)自綁定聽(tīng)筒的遠(yuǎn)程控制信息。</p><p>　?。?）Core Data 框架</p><p>　　CoreData框架負(fù)責(zé)管理應(yīng)用程序的數(shù)據(jù)模型,它提供對(duì)象的管理,使用CoreData可以創(chuàng)建模型對(duì)象,并管理這些對(duì)象,管理這些對(duì)象間的聯(lián)系并修改數(shù)據(jù)[12]。通過(guò)Core Data提供的內(nèi)建SQLlite技術(shù)可以高效的管理數(shù)據(jù)。</p><p>　?。?）

30、Core Graphics 框架</p><p>　　高質(zhì)量的圖形對(duì)于所有的iOS應(yīng)用程序都是很重要的,Core Graphics框架就是負(fù)責(zé)幫助創(chuàng)建圖形，在iOS中,使用UIKit框架提供的基于預(yù)渲染圖形的視圖和控件,然后讓UIKit和iOS完成繪制是最簡(jiǎn)單且最快捷的創(chuàng)建圖形的方式。不過(guò)當(dāng)需要?jiǎng)?chuàng)建復(fù)雜的圖形時(shí),Core Graphics則提供了更底層的庫(kù)來(lái)幫助實(shí)現(xiàn)。</p><p>　　

31、（5）Core Animation 框架</p><p>　　Core Animation允許創(chuàng)建高級(jí)的動(dòng)畫(huà)和虛擬效果,UIKit提供建立在CoreAnimation之上的動(dòng)畫(huà),如果需要比UIKit能力更高級(jí)的功能,可以直接使用Core “Animation, Core Animation 接 口 包含在 Quartz Core 框架里。使用 Core Animation可以創(chuàng)建嵌套的對(duì)象,并且可以對(duì)它們操作、旋

32、轉(zhuǎn)、縮放和轉(zhuǎn)換,使用Coreanimation,可以創(chuàng)建動(dòng)態(tài)的用戶界面而不用使用更底層的圖形API,iu OpenGL ES。</p><p>　?。?）OpenGL ES 框架</p><p>　　OpenGL ES框架提供2D和3D繪圖工具,支持2D和3D繪圖,Apple的OpenGLES實(shí)現(xiàn)通過(guò)硬件提供了高速的全屏游戲式的應(yīng)用程序。</p><p><b

33、>　　2.4 OC語(yǔ)言</b></p><p>　　OC是一種通用的面向?qū)ο蟮木幊陶Z(yǔ)言，它擴(kuò)展了ANSI C編程語(yǔ)言，將SmallTalk式的消息傳遞機(jī)制加入到ANSI C中。它是蘋(píng)果的OS X（X表示第十代）和IOS操作系統(tǒng)，及其相關(guān)的API、Cocoa和Cocoa Touch的主要編程語(yǔ)言。</p><p>　　這兩款開(kāi)源的世

34、界著名數(shù)據(jù)庫(kù)管理系統(tǒng)來(lái)講，它的處理速度比他們都快。</p><p>　　2.5 MVC設(shè)計(jì)模式</p><p>　　模型-視圖-控制器（Model-View-Controller，MVC）是Xerox PARC在20世紀(jì)80年代為編程語(yǔ)言Smalltalk－80發(fā)明的一種軟件設(shè)計(jì)模式，至今已廣泛應(yīng)用于用戶交互應(yīng)用程序中。</p><p>　　圖2-3 MVC關(guān)系

35、圖</p><p><b>　　模型對(duì)象</b></p><p>　　模型對(duì)象封裝了應(yīng)用程序的數(shù)據(jù)，并定義操控和處理該數(shù)據(jù)的邏輯和運(yùn)算。例如，模型對(duì)象可能是表示游戲中的角色或地址簿中的聯(lián)系人。用戶在視圖層中所進(jìn)行的創(chuàng)建或修改數(shù)據(jù)的操作，通過(guò)控制器對(duì)象傳達(dá)出去，最終會(huì)創(chuàng)建或更新模型對(duì)象。模型對(duì)象更改時(shí)（例如通過(guò)網(wǎng)絡(luò)連接接收到新數(shù)據(jù)），它通知控制器對(duì)象，控制器對(duì)象更新相應(yīng)

36、的視圖對(duì)象。 </p><p><b>　　視圖對(duì)象</b></p><p>　　視圖對(duì)象是應(yīng)用程序中用戶可以看見(jiàn)的對(duì)象。視圖對(duì)象知道如何將自己繪制出來(lái)，并可能對(duì)用戶的操作作出響應(yīng)。視圖對(duì)象的主要目的，就是顯示來(lái)自應(yīng)用程序模型對(duì)象的數(shù)據(jù)，并使該數(shù)據(jù)可被編輯。盡管如此，在 MVC 應(yīng)用程序中，視圖對(duì)象通常與模型對(duì)象分離。</p><p>　　在

37、iOS應(yīng)用程序開(kāi)發(fā)中，所有的控件、窗口等都繼承自 UIView，對(duì)應(yīng)MVC中的V。UIView及其子類(lèi)主要負(fù)責(zé)UI的實(shí)現(xiàn)，而UIView所產(chǎn)生的事件都可以采用委托的方式，交給UIViewController實(shí)現(xiàn)。</p><p><b>　　控制器對(duì)象</b></p><p>　　在應(yīng)用程序的一個(gè)或多個(gè)視圖對(duì)象和一個(gè)或多個(gè)模型對(duì)象之間，控制器對(duì)象充當(dāng)媒介?？刂破鲗?duì)象因

38、此是同步管道程序，通過(guò)它，視圖對(duì)象了解模型對(duì)象的更改，反之亦然?？刂破鲗?duì)象還可以為應(yīng)用程序執(zhí)行設(shè)置和協(xié)調(diào)任務(wù)，并管理其他對(duì)象的生命周期。</p><p>　　控制器對(duì)象解釋在視圖對(duì)象中進(jìn)行的用戶操作，并將新的或更改過(guò)的數(shù)據(jù)傳達(dá)給模型對(duì)象。模型對(duì)象更改時(shí)，一個(gè)控制器對(duì)象會(huì)將新的模型數(shù)據(jù)傳達(dá)給視圖對(duì)象，以便視圖對(duì)象可以顯示它。</p><p>　　對(duì)于不同的UIView，有相應(yīng)的UIViewC

39、ontroller，對(duì)應(yīng)MVC中的C。例如在iOS上常用的UITableView，它所對(duì)應(yīng)的Controller就是UITableViewController。</p><p>　　Model和View永遠(yuǎn)不能相互通信，只能通過(guò)Controller傳遞。</p><p>　　Controller可以直接與Model對(duì)話（讀寫(xiě)調(diào)用Model），Model通過(guò)Notification和KVO機(jī)

40、制與Controller間接通信。</p><p>　　Controller可以直接與View對(duì)話，通過(guò)outlet,直接操作View,outlet直接對(duì)應(yīng)到View中的控件,View通過(guò)action向Controller報(bào)告事件的發(fā)生(如用戶Touch我了)。Controller是View的直接數(shù)據(jù)源（數(shù)據(jù)很可能是Controller從Model中取得并經(jīng)過(guò)加工了）。Controller是View的代理（del

41、egate),以同步View與Controller。</p><p><b>　　3客戶端總體設(shè)計(jì)</b></p><p><b>　　3.1 總體設(shè)計(jì)</b></p><p>　　圖4-1展示了客戶端的總體架構(gòu)，在設(shè)計(jì)客戶端的時(shí)候，保持了MVC三層架構(gòu)和MVC的設(shè)計(jì)原則。</p><p>　　客戶

42、端View層包括各種UI界面，包括Cocoa框架提供的一些View，如表視圖UITableView等，還包括了自定義的視圖，比如網(wǎng)格視圖、列表單元格視圖等等。</p><p>　　在Controller層主要是以ViewController為父類(lèi)的多種控制類(lèi)，ViewController是iOS應(yīng)用程序中非常重要的部分，是應(yīng)用程序和視圖之間的重要橋梁，既要管理應(yīng)用中的眾多視圖,又需要和數(shù)據(jù)模型做交互。</p

43、><p>　　在model層, 主要包括了一些實(shí)體類(lèi)、property list文件、本地?cái)?shù)據(jù)庫(kù)以及本地文件等。</p><p>　　圖3-1 客戶端構(gòu)架圖</p><p>　　3.2 客戶端UI設(shè)計(jì)</p><p>　　一款應(yīng)用UI界面的作用不僅僅是給用戶提供一個(gè)易操作的界面,更重要的是,好的UI可以給用戶留下一個(gè)好的第一印象。在界面的設(shè)計(jì)過(guò)程

44、中,要盡量站在用戶的角度來(lái)考慮,要遵循簡(jiǎn)單原則、友善原則、容錯(cuò)原則、習(xí)慣原則、把握行為以及心理因素原則等等,要盡量使UI設(shè)計(jì)的很自然,讓用戶用起來(lái)得心應(yīng)手,并在保證美觀性的同時(shí),也要保證設(shè)計(jì)的安全性、可靠性等等。如圖3-2所示,在進(jìn)行UI設(shè)計(jì)時(shí),需要符合UI設(shè)計(jì)的一些通用性規(guī)范,主要使用了側(cè)邊菜單欄和navigation導(dǎo)航欄結(jié)合的方式進(jìn)行導(dǎo)航。</p><p>　　圖3-2 客戶端設(shè)計(jì)圖</p>

45、<p><b>　　3.2.1 主界面</b></p><p>　　用戶在進(jìn)入主界面之后，主要包括了三個(gè)組成部分：</p><p>　?。?）底邊菜單欄，分別有瀏覽、靈感、社區(qū)、設(shè)計(jì)師、我五個(gè)按鈕，點(diǎn)擊不同的按鈕就可以進(jìn)入不同的頁(yè)面，瀏覽自己想要的信息。</p><p>　?。?）頂部導(dǎo)航欄，根據(jù)點(diǎn)擊底邊菜單欄的按鈕，則會(huì)轉(zhuǎn)換為不同的

46、導(dǎo)航欄按鈕，隨之產(chǎn)生不同的的信息。</p><p>　　（3）中間部分則是展示的地方，當(dāng)點(diǎn)擊不同的按鈕時(shí)，中間展示部分則會(huì)展示出不同的圖片和文字信息，用戶可以瀏覽精美裝修的圖片或者是其他用戶上傳的裝修圖片。</p><p>　　3.2.2 瀏覽界面</p><p>　　瀏覽界面一級(jí)頁(yè)面的標(biāo)簽按鈕在頁(yè)面頂部，點(diǎn)擊精選按鈕，跳轉(zhuǎn)到主界面。點(diǎn)擊作品按鈕則進(jìn)入各種設(shè)計(jì)的作品

47、的界面，在此頁(yè)面的右上角有一個(gè)四格按鈕，點(diǎn)擊后進(jìn)入按需求選擇類(lèi)型的界面，用戶可以通過(guò)選擇面積、戶型來(lái)瀏覽自己所需要的作品，點(diǎn)擊左上角Back按鈕返回上一級(jí)頁(yè)面。點(diǎn)擊曬家按鈕，進(jìn)入用戶自己上傳的家居裝修的界面，用戶可以選擇自己喜歡的裝修點(diǎn)擊進(jìn)去進(jìn)行詳細(xì)的瀏覽，也可以評(píng)論和分享。右上角的四格按鈕點(diǎn)擊進(jìn)入分類(lèi)瀏覽界面。</p><p>　　3.2.3 靈感界面</p><p>　　該界面是用戶或

48、設(shè)計(jì)師上傳的局部詳細(xì)設(shè)計(jì)的照片，用戶可以在此界面瀏覽各個(gè)環(huán)境或角落的精彩設(shè)計(jì)。右上角的四格按鈕點(diǎn)擊后進(jìn)入分類(lèi)篩選的界面，在此界面，用戶可以按照空間、主題、局部、裝飾、家具關(guān)鍵詞進(jìn)行選擇性瀏覽。點(diǎn)擊左上角靈感畫(huà)冊(cè)的按鈕則可以返回上一級(jí)頁(yè)面。</p><p>　　3.2.4 社區(qū)界面</p><p>　　該界面的頂部有三個(gè)按鈕，分別是房主日記，討討論區(qū)以及選擇排序按鈕。點(diǎn)擊房主日記的按鈕后，出

49、現(xiàn)的界面是其他用戶上傳的自己在裝修時(shí)的每天的記錄，用戶可以瀏覽其他用戶在裝修時(shí)的各種情況。當(dāng)點(diǎn)擊某一個(gè)日記的時(shí)候，則會(huì)進(jìn)入此日記的詳細(xì)內(nèi)容的界面，用戶可以在此界面瀏覽上傳用戶在不同時(shí)間的裝修情況及想法，用戶也可以對(duì)每篇日記進(jìn)行評(píng)論。左上角的Back點(diǎn)擊后返回上一級(jí)頁(yè)面，右上角的是分享按鈕，用戶可以分享該日記。點(diǎn)擊討論區(qū)按鈕，進(jìn)入討論界面，在該頁(yè)面，用戶可以上傳自己的裝修情況和問(wèn)題與其他用戶進(jìn)行討論。</p><p&g

50、t;　　3.2.5 設(shè)計(jì)師界面</p><p>　　用戶在點(diǎn)擊設(shè)計(jì)師按鈕后進(jìn)入到設(shè)計(jì)師界面，在 該頁(yè)面用戶可以瀏覽設(shè)計(jì)師和設(shè)計(jì)師的作品。頁(yè)面左上角的城市按鈕點(diǎn)擊后可以選擇所屬城市的設(shè)計(jì)師。當(dāng)用戶選擇某一個(gè)設(shè)計(jì)師后，點(diǎn)擊進(jìn)入該設(shè)計(jì)師的詳細(xì)介紹頁(yè)面，在詳細(xì)介紹頁(yè)面，用戶可以欣賞設(shè)計(jì)師的做品畫(huà)冊(cè)。在頁(yè)面頂部有設(shè)計(jì)師的頭像和其以驗(yàn)證過(guò)的作品，預(yù)約人數(shù)以及客戶評(píng)價(jià)數(shù)量。在設(shè)計(jì)師頭像下方則有服務(wù)介紹和關(guān)于設(shè)計(jì)師，點(diǎn)擊任何一個(gè)

51、則會(huì)進(jìn)入設(shè)計(jì)師的信息介紹及收費(fèi)情況頁(yè)面。點(diǎn)擊左上角的按鈕便會(huì)返回上一級(jí)頁(yè)面。</p><p><b>　　3.2.6 我界面</b></p><p>　　在我界面，分為三個(gè)部分：清理緩存、關(guān)于我們、退出登錄。</p><p>　?。?）清理緩存，用來(lái)清理圖片緩存。</p><p>　?。?）關(guān)于我們，用來(lái)展示客戶端版權(quán)、

52、版本號(hào)以及開(kāi)發(fā)者的信息。</p><p>　　退出登錄，用來(lái)退出當(dāng)前登錄的賬號(hào)。</p><p>　　4客戶端詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　4.1 主界面的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　打開(kāi)客戶端，首先進(jìn)入的是主界面，主界面如圖4-1所示。</p><p>　　圖4-1 主界面視圖</p><

53、;p>　　正上方是一個(gè)segmentControl，一次只能激活其中一個(gè)按鈕，屏幕上顯示的內(nèi)容會(huì)根據(jù)激活的按鈕發(fā)生變化，分別展示精選、作品、曬家。界面的主要部分是一個(gè)collectionView，用來(lái)展示裝修作品，點(diǎn)擊單元格進(jìn)裝修詳情頁(yè)。</p><p><b>　　主要代碼：</b></p><p>　　- (void)viewDidLoad{&

54、#160;   [super viewDidLoad];    // Do any additional setup after loading the view.    HomeGoodController * g

55、ood = [[HomeGoodController alloc] init];    good.title = @"精選";    HomeWorkController * work = [[HomeWorkController

56、60;alloc] init];    work.title = @"作品";    HomeShowController * show = [[HomeShowController alloc] init];   

57、; show.title = @"曬家"; </p><p>　　4.2 靈感畫(huà)冊(cè)的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　如圖4-2所示，這里用的是tableView，中間的單元格是一系列UITableViewCell對(duì)象，表中的每一行內(nèi)容都是在UITableView中放置的。每個(gè)單元格是一個(gè)自定義的imageItem，用來(lái)展示受歡迎

58、的設(shè)計(jì)的照片，每個(gè)照片的下方是一個(gè)Label，展示每個(gè)畫(huà)冊(cè)的介紹和名稱 。點(diǎn)擊單元格進(jìn)入更詳細(xì)的二級(jí)分類(lèi)頁(yè)面，用于瀏覽該畫(huà)冊(cè)的更詳細(xì)的信息。</p><p>　　圖4-2 靈感畫(huà)冊(cè)風(fēng)格視圖</p><p><b>　　主要代碼：</b></p><p>　　- (void)viewDidLoad{   

59、; [super viewDidLoad];    self.title = @"畫(huà)冊(cè)";    self.photoList = [NSMutableArray array];    // Do any

60、 additional setup after loading the view.    UICollectionViewFlowLayout * layout = (UICollectionViewFlowLayout *)self.collectionViewLayout;

61、0;   layout.sectionInset = UIEdgeInsetsMake(K_LEFT_MARGIN, K_LEFT_MARGIN, K_LEFT_MARGIN, K_LEFT_MARGIN);    layout.itemSize = CGSizeMake((self.view.w

62、idth - 3 * K_LEFT_MARGIN) / 2, (self.collectionView.width - 3 * K_LEFT_MARGIN) / </p><p>　　4.3 社區(qū)的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　戶主日記設(shè)計(jì)，展示所有登陸合住的

63、完工照、日記、裝修清單；展示瀏覽數(shù)、點(diǎn)贊的人數(shù)以及評(píng)論內(nèi)容等等；按本周最熱，最近更新對(duì)戶主日記進(jìn)行排序展示；</p><p>　　討論區(qū)設(shè)計(jì)，用戶交流平臺(tái)展示；用于展示交流心得，展示裝修圖片等等；按本周最熱，最近更新對(duì)討論區(qū)進(jìn)行排序展示；展示對(duì)某個(gè)帖子瀏覽量和平評(píng)論界面如圖4-3所示。</p><p><b>　　圖4-3 社區(qū)界面</b></p>&l

64、t;p><b>　　主要代碼：</b></p><p>　　- (void)viewDidLoad{    [super viewDidLoad];    // Do any additional setup after 

65、loading the view.    CommunityController * community = [[CommunityController alloc] init];    community.title = @"房主日記"

66、;;    CommentController * comment = [[CommentController alloc] init];    comment.title = @"討論區(qū)";    self.vi

67、ewControllers = @[community, comment];    [comment release];    [community release];    self.tabBar.frame = CGRectMake(0,&

68、#160;10030, 320, 10);    self.tabBar.hidden = YES;        UISeg</p><p>　　4.4 設(shè)計(jì)師的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　設(shè)計(jì)師設(shè)計(jì)的平面圖，根據(jù)不同城

69、市選擇設(shè)計(jì)師，閱讀界面如圖5-4所示。UI界面會(huì)做相應(yīng)的處理，刪除的時(shí)候，界面和數(shù)據(jù)庫(kù)中的數(shù)據(jù)都會(huì)移除掉。</p><p>　　圖4-4 設(shè)計(jì)師讀界面圖</p><p><b>　　主要代碼：</b></p><p>　　- (void)viewDidLoad{    [super 

70、;viewDidLoad];    self.navigationItem.title = @"設(shè)計(jì)師";    self.navigationItem.leftBarButtonItem = [[[UIBarButtonItem alloc] initWithTitle:s

71、elf.cityTitle style:(UIBarButtonItemStyleBordered) target:self action:@selector(chooseCity:)] autorelease];    self.navigationItem.rightBarButtonItem = [[[UIBarButtonIte

72、m alloc] initWithImage:[UIImage imageNamed:@"順序排列_灰色.png"]  style:(UIBarButtonItemStyleBordered) target:self action:@selector(doActionSheet:)] autorelease]; </p&

73、gt;<p>　　4.5 軟件設(shè)置界面的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　清理緩存是用第三方框架實(shí)現(xiàn)的，點(diǎn)擊清理緩存單元格，會(huì)彈出一個(gè)alertView，用戶點(diǎn)擊OK后，開(kāi)始清理圖片緩存。關(guān)于我們主要展示客戶端版本及開(kāi)發(fā)者的信息，用imageView來(lái)實(shí)現(xiàn)</p><p>　　圖4-5 軟件設(shè)置界面圖</p><p><b>　　主要代碼：&l

74、t;/b></p><p>　　-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath</p><p><b>　　{</b></p><p>　　if (indexPath.section == 0) </

75、p><p><b>　　{</b></p><p>　　[UMFeedback showFeedback:[[[UIApplication sharedApplication].delegate window] rootViewController] withAppkey:UMENG_APPKEY];</p><p><b>　　}<

76、;/b></p><p>　　if (indexPath.section == 1) </p><p><b>　　{</b></p><p>　　NSLog(@"3區(qū)0號(hào)");</p><p>　　UIAlertView *alertView=[[[UIAlertView alloc] ini

77、tWithTitle:@"溫馨提示" message:@"是否要清理圖片緩存?" delegate:self cancelButtonTitle:@"OK" otherButtonTitles:@"Cancel", nil] autorelease];</p><p>　　[alertView show];</p>&l

78、t;p>　　[[SDImageCache sharedImageCache] clearDisk];</p><p><b>　　}</b></p><p>　　if (indexPath.section == 2)</p><p><b>　　{</b></p><p>　　TheDevel

79、opersVC *theDevelopersVC = [[[TheDevelopersVC alloc] init] autorelease];</p><p>　　[self.navigationController pushViewController:theDevelopersVC animated:YES];</p><p><b>　　}</b></p

80、><p><b>　　}</b></p><p><b>　　5系統(tǒng)測(cè)試</b></p><p>　　系統(tǒng)測(cè)試時(shí)保證系統(tǒng)質(zhì)量和可靠性的關(guān)鍵步驟，是對(duì)系統(tǒng)，開(kāi)發(fā)過(guò)程中的系統(tǒng)分析系統(tǒng)設(shè)計(jì)和實(shí)施的最后復(fù)查。根據(jù)測(cè)試的概念和目的，在進(jìn)行信息系統(tǒng)測(cè)試。</p><p>　　5.1不同版本的蘋(píng)果手機(jī)兼容性測(cè)試<

81、;/p><p>　　在iPhone4、iPhone5、iPhone6上運(yùn)行沒(méi)有出現(xiàn)異常。在不同的版本上運(yùn)行看到的UI和效果完全一致，功能都能正常實(shí)現(xiàn)。</p><p>　　5.2 系統(tǒng)功能測(cè)試</p><p>　　5.2.1 社區(qū)界面展示測(cè)試</p><p>　　房主日記設(shè)計(jì)如表5-1——5-5所示戶主完工照、評(píng)論、裝修清單等顯示正常能夠進(jìn)行

82、相應(yīng)的操作。</p><p>　　圖5-1系統(tǒng)社區(qū)界面展示-戶主完工照 圖5-2系統(tǒng)社區(qū)界面展示-用戶評(píng)論 </p><p>　　圖5-3 系統(tǒng)社區(qū)界面展示-戶主日記 圖5-4 系統(tǒng)社區(qū)界面展示-按本周最熱查找</p><p>　　討論區(qū)設(shè)計(jì)如表5-5所示成功展示了用戶交流平臺(tái)，交流心得。</p><p>　　圖5-

83、5 討論區(qū)設(shè)計(jì)界面展示-交流平臺(tái)</p><p>　　5.2.2 設(shè)計(jì)師界面展示測(cè)試</p><p>　　設(shè)計(jì)師設(shè)計(jì)如表5-6——5-9所示成功測(cè)試了按城市選擇設(shè)計(jì)師、按熱門(mén)選擇設(shè)計(jì)師，展示設(shè)計(jì)師姓名、設(shè)計(jì)師作品有多少人預(yù)約、裝修格言裝修作品展示。</p><p>　　圖5-6 按城市選擇設(shè)計(jì)師 圖5-7 按熱門(mén)選擇設(shè)計(jì)師</p&g

84、t;<p>　　圖5-8 設(shè)計(jì)師界面展示-設(shè)計(jì)師的介紹 圖5-9 設(shè)計(jì)師界面展示-裝修格言</p><p><b>　　5.3小結(jié)</b></p><p>　　本章節(jié)主要對(duì)以上兩個(gè)模塊系統(tǒng)功能進(jìn)行測(cè)試，通過(guò)對(duì)社區(qū)設(shè)計(jì)模塊和設(shè)計(jì)師設(shè)計(jì)模塊的增刪改查等進(jìn)行測(cè)試。所有測(cè)試功能均通過(guò)測(cè)試，未發(fā)現(xiàn)異常情況。</p><p

85、><b>　　6 結(jié) 論</b></p><p>　　本文對(duì)基于iOS平臺(tái)的手機(jī)裝修客戶端進(jìn)行了詳細(xì)的說(shuō)明與分析。本章將根據(jù)整篇論文的主要工作進(jìn)行總結(jié)。本文首先闡述了國(guó)產(chǎn)裝修發(fā)展的情況,進(jìn)而得出了本項(xiàng)目開(kāi)發(fā)的必要性。其次介紹了項(xiàng)目用到的相關(guān)技術(shù),又通過(guò)對(duì)需求的分析,設(shè)計(jì)出相關(guān)功能模塊和良好的用戶體驗(yàn),針對(duì)iOS平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)了一款的電子裝修軟件,對(duì)各個(gè)模塊進(jìn)行了詳細(xì)的闡述,對(duì)重難點(diǎn)進(jìn)行

86、了深入地分析與設(shè)計(jì)實(shí)現(xiàn),最終實(shí)現(xiàn)了一款iOS平臺(tái)下的完整電子裝修軟件。</p><p>　　本文取得的主要成果有:</p><p>　?。?）本文實(shí)現(xiàn)了iOS平臺(tái)下手機(jī)裝修客戶端的功能設(shè)計(jì),提出了完整的系統(tǒng)構(gòu)架。 </p><p>　?。?）在充分考慮了移動(dòng)平臺(tái)及iOS系統(tǒng)的特點(diǎn)后,對(duì)軟件進(jìn)行了詳細(xì)的設(shè)計(jì)與說(shuō)明,包括需求分析、界面設(shè)計(jì)、功能設(shè)計(jì)以及功能實(shí)現(xiàn),開(kāi)發(fā)完成

87、了一款完整的電子裝修軟件。</p><p>　?。?）利用自定義代理和消息傳遞機(jī)制進(jìn)行消息傳遞和功能實(shí)現(xiàn)。</p><p>　　由以上分析，我們可以充分認(rèn)識(shí)到設(shè)計(jì)并開(kāi)發(fā)唯美之家的必要性，本次設(shè)計(jì)和開(kāi)發(fā)的唯美之家應(yīng)符合國(guó)家裝修的規(guī)定，滿足裝修用戶、社區(qū)用戶、設(shè)計(jì)師的實(shí)際需要，并達(dá)到對(duì)裝修過(guò)程、裝修風(fēng)格、設(shè)計(jì)師風(fēng)格、設(shè)計(jì)師作品展示等的綜合展示及溝通，能充分滿足以上用戶的需求。</p>

88、;<p><b>　　7 致 謝</b></p><p>　　隨著畢業(yè)日子的到來(lái)，畢業(yè)設(shè)計(jì)也接近了尾聲。經(jīng)過(guò)幾周的奮戰(zhàn)我的畢業(yè)設(shè)計(jì)終于完成了。在沒(méi)有做畢業(yè)設(shè)計(jì)以前覺(jué)得畢業(yè)設(shè)計(jì)只是對(duì)這幾年來(lái)所學(xué)知識(shí)的單純總結(jié)，但是通過(guò)這次做畢業(yè)設(shè)計(jì)發(fā)現(xiàn)自己的看法有點(diǎn)太片面。畢業(yè)設(shè)計(jì)不僅是對(duì)前面所學(xué)知識(shí)的一種檢驗(yàn)，而且也是對(duì)自己能力的一種提高。通過(guò)這次畢業(yè)設(shè)計(jì)使我明白了自己原來(lái)知識(shí)還比較欠缺。自己

89、要學(xué)習(xí)的東西還太多，以前老是覺(jué)得自己什么東西都會(huì)，什么東西都懂，有點(diǎn)眼高手低。通過(guò)這次畢業(yè)設(shè)計(jì)，我才明白學(xué)習(xí)是一個(gè)長(zhǎng)期積累的過(guò)程，在以后的工作、生活中都應(yīng)該不斷的學(xué)習(xí)，努力提高自己知識(shí)和綜合素質(zhì)。通過(guò)老師指導(dǎo)和查閱相關(guān)文檔，了解軟件開(kāi)發(fā)的特點(diǎn)和流程，掌握了許多實(shí)用的開(kāi)發(fā)技巧。由于缺乏經(jīng)驗(yàn)，所以該系統(tǒng)還有許多不盡如人意的地方系統(tǒng)的某些設(shè)計(jì)的可擴(kuò)展性并不十分理想，在以后的系統(tǒng)維護(hù)過(guò)程中，使用重構(gòu)方法對(duì)系統(tǒng)進(jìn)行重構(gòu)，使系統(tǒng)的設(shè)計(jì)日益趨于更強(qiáng)的

90、可擴(kuò)展性。通過(guò)本次畢業(yè)設(shè)計(jì)對(duì)在大學(xué)學(xué)習(xí)期間學(xué)到的知識(shí)，進(jìn)行了全方面的歸納和整理，對(duì)以后處理問(wèn)題的能力上升了一定的高度，對(duì)以后開(kāi)發(fā)相應(yīng)的系統(tǒng)有了一定的導(dǎo)向作用。大學(xué)三年就會(huì)在這最后的畢業(yè)設(shè)計(jì)總結(jié)劃上一個(gè)圓滿的句號(hào).我曾經(jīng)以為時(shí)間是一個(gè)不快不慢的</p><p>　　[1] Dave Mark，Jack Nutting. iOS 5基礎(chǔ)教程[M]. 北京：人民郵電出版社，2012.&l

91、t;/p><p>　　[2] Dave Mark, Jack Nutting, Jeff LaMarche.  iOS基礎(chǔ)教程[M]. 北京：人民郵電出版社，2012.</p><p>　　[3] 金福生，李樸之. iOS應(yīng)用程序開(kāi)發(fā)方法與實(shí)踐[M]．北京： 人民郵電出版社，2012. </p><p&

92、gt;　　[4] Stephen G.Kochan. Objective-C 程序設(shè)計(jì)[M].北京：電子工業(yè)出版社，2012.</p><p>　　[5] 王珊，薩師煊．?dāng)?shù)據(jù)庫(kù)系統(tǒng)概論[M]．北京：高等教育出版社，2006.</p><p>　　[6] Rob Napier . iOS編程實(shí)戰(zhàn)[M]. 北京：人民郵電出版社，2014</p>

93、;<p>　　[7] Jonatbani.  AppStore掘金[M].北京：人民郵電出版社，2010.</p><p>　　[8] 嚴(yán)蔚敏，吳偉民. 數(shù)據(jù)結(jié)構(gòu)（C語(yǔ)言版）[M]. 北京：清華大學(xué)出版社，1997.</p><p>　　[9] Carlo Chung. Objective-C編程之道：iOS設(shè)計(jì)模式解析[M]．北京：人民郵電出版社，2011

94、0;</p><p>　　[10] 薩丹. iPhone開(kāi)發(fā)秘籍（第2版）[M]．張彩霞,譯. 北京：人民郵電出版社，2010</p><p>　　[11] William R.Sherman and Alan B.Craig. Understanding Virtual Reality:Interface, Application, and Design. [M]. San Fransi

95、sco: Morgan Kaufmann,2002.</p><p>　　[12] Robert L.Kruse & Alexander J.Ryba . Data Structures And Program Design In C++. [M]. Pearson Education,2001.</p><p>　　[13] Klehr．Objective-C 2 Mac and