專題目錄：
第二章：使用Storyboard設(shè)計(jì)用戶界面（一）
第二章：使用Storyboard設(shè)計(jì)用戶界面（二）
第五章 寫代碼之前先進(jìn)行原型設(shè)計(jì)
第六章 創(chuàng)建一個(gè)基于Table的簡(jiǎn)單App（一）
UITableView介紹
現(xiàn)在你對(duì)原型和我們的demo App有所了解传趾。在這一章鳞骤，我們會(huì)做一些更加有趣的事情厌衔，我們將會(huì)使用UITableView創(chuàng)建一個(gè)簡(jiǎn)單的基于Table App。當(dāng)你掌握了UITableView的使用和定制方法躁锡，我們?cè)俳酉聛淼恼鹿?jié)就會(huì)開始創(chuàng)建我們的美食App坏逢，F(xiàn)ood Pin App。
UITableView介紹
現(xiàn)在你對(duì)原型和我們的demo App有所了解妙黍。在這一章悴侵，我們會(huì)做一些更加有趣的事情，我們將會(huì)使用UITableView創(chuàng)建一個(gè)簡(jiǎn)單的基于Table App拭嫁。當(dāng)你掌握了UITableView的使用和定制方法可免，我們?cè)俳酉聛淼恼鹿?jié)就會(huì)開始創(chuàng)建我們的美食App，F(xiàn)ood Pin App做粤。
首先在iPhone App中的Table View是什么浇借？在iOS App世界，Table View是最普遍的UI元素之一怕品。大多數(shù)的App（除了游戲）妇垢，都在某種方式上，使用Table View展示內(nèi)容肉康。最好的例子就是自帶的Phone應(yīng)用闯估。用戶的交互在table View上顯示。另一個(gè)例子是Mail應(yīng)用吼和。它使用Table View顯示用戶的郵箱和郵件涨薪。Table View不僅僅設(shè)計(jì)用了展示文字形式的數(shù)據(jù)，它還可以使用圖片來展示數(shù)據(jù)炫乓。TED刚夺，Google＋献丑，Airbnb都是很好的例子。前面的圖展示了一些使用Table View的App侠姑。雖然它們看起來各式各樣创橄，但是都是使用了Table View。
創(chuàng)建SimpleTable工程
讓我們從創(chuàng)建一個(gè)簡(jiǎn)單的App開始莽红。嗯妥畏，這個(gè)App將會(huì)非常簡(jiǎn)單。我們只顯示一系列餐館名船老。這個(gè)App里的Table View將非常普通咖熟，樣式一點(diǎn)也不好看。我們將會(huì)在下一個(gè)章節(jié)美化它柳畔。好了奈懒，啟動(dòng)Xcode琼腔，點(diǎn)擊創(chuàng)建新的工程鲫趁，選擇“Single View Application”模版丧凤。點(diǎn)擊下一步，然后填寫Xcode工程需要的信息：
工程名Simple Table：這是你的App的名字
組織名AppCoda：這是你的組織名
組織標(biāo)志com.appcoda：這是用其他形式寫的真正的域名俘陷。如果你有一個(gè)域名罗捎，你可用使用它作為你自己的組織標(biāo)志。如果沒有拉盾，你可以使用“com.appcoda”或者填寫”edu.self”桨菜。
語言Swift：Xcode 6同時(shí)支持Objective－c和Swift開發(fā)App。因?yàn)镾wift是iOS未來的開發(fā)語言捉偏，這里我們使用Swift開發(fā)這個(gè)工程倒得。
設(shè)備iPhone：這個(gè)工程選擇iPhone
使用Core Data［不選］：我們不選擇這個(gè)選項(xiàng)。在這個(gè)簡(jiǎn)單的工程里你不需要使用Core Data夭禽。我們將會(huì)在后面的章節(jié)里介紹Core Data霞掺。
點(diǎn)擊Next繼續(xù)。Xcode將會(huì)詢問你在哪里保存“SimpleTable”工程讹躯。想以前一樣菩彬，我們不選Source Control（源碼控制）。在選好的保存目錄上點(diǎn)擊“Create”潮梯。當(dāng)你確認(rèn)后骗灶，Xcode自動(dòng)基于你提供的信息創(chuàng)建“SimpleTable”工程。同樣的秉馏，我們?cè)谶@個(gè)工程里也不使用Size Classes矿卑。在文件檢查器里，Interface Builder Document下面取消“Use Size?Classes”復(fù)選框沃饶。如果文件檢查器找不到了母廷，你可以選擇View>Utilities>Show?File Inspector。當(dāng)你禁用size classes后糊肤，Xcode將會(huì)提示你選擇目標(biāo)設(shè)備琴昆。對(duì)于我們的工程，選擇iPhone然后點(diǎn)擊“Disable Size Classes”確認(rèn)」萑啵現(xiàn)在view controller看起來更像一個(gè)iPhone了业舍。
接下來，我們?cè)诋?dāng)前視圖中添加一個(gè)table view對(duì)象升酣。在對(duì)象庫中舷暮，選擇“Table View”對(duì)象然后將它拖到當(dāng)前視圖里。
然后噩茄，選中table view下面。在屬性檢查器里（如果在Xcode里沒有顯示，則選擇View>Utilities>Show?Attributes Inspector)绩聘，修改Prototype Cells數(shù)目從0為1沥割。table view中將會(huì)顯示一個(gè)prototype cell。Prototype Cells使得你很容易設(shè)計(jì)你的table view cell的布局凿菩。同時(shí)它自帶了許多標(biāo)準(zhǔn)cell樣式机杜，如basic，right?detail, left detail和 可定制子標(biāo)題（subtitle）衅谷。在這個(gè)例子里椒拗，我們將采用basic樣式。
選擇cell并且打開屬性檢查器获黔。修改cell的樣式為Basic蚀苛。這種樣式足夠顯示待文本和圖片的單元格了。接下來肢执，將標(biāo)識(shí)符修改為Cell枉阵。這是一個(gè)獨(dú)一無二的關(guān)鍵字用來標(biāo)識(shí)prototypecell。我們將會(huì)在后面的代碼里使用它预茄。
直接運(yùn)行你的App不編寫代碼
再繼續(xù)講解之前兴溜，在仿真器里嘗試運(yùn)行一下你的App。點(diǎn)擊“Run”按鈕構(gòu)建App并且測(cè)試它耻陕。運(yùn)行之后拙徽，仿真器看起來像這個(gè)樣子。
是不是很簡(jiǎn)單笆膘怕？你已經(jīng)在你的App里創(chuàng)建了table view。但是它什么數(shù)據(jù)都沒有顯示召庞。接下來岛心，我們將會(huì)寫一些代碼向表格里插入數(shù)據(jù)来破。
