在這章練習(xí)叫做Passport，Passport是一個非常簡單的應(yīng)用泄伪，展示個人的名字、生日立润、國籍和照片（圖5-1）狂窑。Passport還提供各種國家供你選擇，顯示曾經(jīng)去過哪些國家桑腮。這個練習(xí)將會在下一章中繼續(xù)使用泉哈。
Exercise: Passport | Page 143
打開Xcode吧，點擊頂部菜單欄的File -> New -> Project（見圖5-2）破讨。
從模板中選擇Single View Application丛晦，點擊Next（見圖5-3）。
Page 144 | Chapter 5 : Building Multiscreen Apps
在Product Name一欄輸入Passport提陶，Language選擇Swift烫沙，Devices選擇iPhone（見圖5-4），點擊Next隙笆。
把工程保存到某個文件夾中（見圖5-5）锌蓄。
Exercise: Passport | Page 145
出現(xiàn)了工程的詳細(xì)信息界面（見圖5-6）。不勾選Landscape Left和Landscape Right這個兩個方向撑柔，然后打開Main.storyboard（見圖5-7）瘸爽。
Page 146 | Chapter 5 : Building Multiscreen Apps
點擊Inspector上工具欄中第一個圖標(biāo)File Inspector，看起來像是一張紙折了一個角铅忿。
鼠標(biāo)移動到到中間部分剪决，不勾選Use Auto Layout選項。這時會出現(xiàn)一個對話框檀训，選擇iPhone柑潦。然后不勾選Disable Size Classes。這時肢扯，Storyboard中的界面形狀會改變（見圖5-8和圖5-9）妒茬。
Exercise: Passport | Page 147
選中這個界面，然后點擊頂部菜單欄的Editor -> Embed In -> Navigation Controller蔚晨。
Page 148 | Chapter 5 : Building Multiscreen Apps
一個新的scene會增加到Storyboard中乍钻，Navigation Controller Scene（見圖5-10）。一個scene表示App一屏或者一個界面铭腕。Navigation Controller Scene和之前的View Controller Scene是連接在一起的银择，這連接說明View Controller Scene是Navigation Controller Scene里第一個出現(xiàn)視圖，點擊Storyboard Editor左下角的盒子按鈕打開Document Outline累舷，Document Outline顯示了storyboard文件中所有的控件以及控件所處的層次等級浩考。接著把Project Navigator隱藏起來（見圖5-11）。
Exercise: Passport | Page 149
View Controller Scene的頂部有個灰色的方塊被盈，這就是navigation bar析孽。雙擊搭伤，然后輸入Passport，敲擊回車袜瞬。
在Inspector中間打開Object Library怜俐，在搜索框中輸入Image View（見圖5-12）。
把Image View拖到View Controller界面的中間邓尤，然后打開Size Inspector（見圖5-13）拍鲤。
Page 150 | Chapter 5 : Building Multiscreen Apps
X一欄輸入48，Y一欄輸入70汞扎，Width一欄輸入225季稳，Height一欄輸入225。然后不勾選Autoresizing中的兩個相交的剪頭（見圖5-14）澈魄。
然后拖一個Label控件景鼠，放在Image View的左下方，然后再放兩個Label控件一忱。選中這三個Label控件莲蜘，打開Attribute Inspector，在font一欄中有個帶有字母T的方格帘营，點擊這個方格票渠，彈出菜單，選擇System Bold（見圖5-15）芬迄，點擊Done问顷。
Exercise: Passport | Page 151
把每個Label的寬調(diào)整到100pts以上，然后把3個Label控件的文字改為：Name禀梳，Birthday杜窄，Nationality（見圖5-15）。
Page 152 | Chapter 5 : Building Multiscreen Apps
然后再添加3個Label算途，放在右側(cè)塞耕，對齊方式改為右對齊。在Attribute Inspector中嘴瓤，有個Alignment屬性扫外，可在這里找到右對齊的圖標(biāo)，點擊圖標(biāo)即可修改為右對齊廓脆。寬度調(diào)整到1100pts以上筛谚，然后雙擊修改文字（見圖5-16）。
找到一張你自己的照片停忿，然后點擊頂部菜單File -> Add Files to Passport（見圖5-17）驾讲。找到你的照片，然后勾選Copy Items if needed，選擇圖片文件吮铭，點擊Add时迫。回到Storyboard中來谓晌，點擊Image View别垮，然后點擊Attribute Inspector中的Image下拉菜單，選中剛剛添加的照片（見圖5-18）扎谎。
Exercise: Passport | Page 153
圖片可能看起會有拉伸變形，點擊Attribute Inspector中的Mode下拉菜單可以修復(fù)這個問題烧董。選擇Aspect Fill毁靶，這樣會保證圖片的寬高比不會變化，現(xiàn)在Image View中的圖片看起來好多了逊移。
從Object Library中拖拽一個Button控件预吆，放在個人信息的下方（就是3+3個Label控件的下方）。雙擊Button控件胳泉，命名為Show Countries（見圖5-19）拐叉。當(dāng)點擊這個Button時，App會展示一個國家清單扇商。
Page 154 | Chapter 5 : Building Multiscreen Apps
這個國家清單是由table view來處理凤瘦，蘋果提供了UITableViewController這個控制器來專門與table view視圖協(xié)調(diào)工作。從Object Library中拖拽一個Table View Controller案铺，放到Passport Scene旁邊蔬芥。
接著選中Show Countries這個Button控件，同時按住Control鍵控汉，鼠標(biāo)拖拽到table view controller上（見圖5-20）笔诵，然后松開鼠標(biāo)。
Exercise: Passport | Page 155
這時會彈出一個窗口（見圖5-21）姑子，選擇push乎婿，然后在兩個Scene之間出現(xiàn)了一條線。
而且Table View Controller Scene中有了navigation bar街佑，雙擊這個navigation bar然后輸入Countries Visited找爱。
然后點擊Prototype Cells下方的空白方格，接著打開Attribute Inspector志衣，在Identifier后面輸入reuseIndentifier（見圖5-22）缘回。
這個App的storyboard部分已經(jīng)完成了。現(xiàn)在需要創(chuàng)建table view controller文件希俩。選擇頂部菜單的File -> New -> File（見圖5-23）吊宋。確保Source是在iOS下，選擇Cocoa Touch Class，點擊Next璃搜。
Page 156 | Chapter 5 : Building Multiscreen Apps
Subclass of一欄選擇UITableViewController拖吼，Class一欄輸入CountriesTableViewController，不勾選Also create .xib这吻，語言是Swift（見圖5-24）吊档。點擊Next。
Exercise: Passport | Page 157
然后選擇文件保存地點唾糯，已經(jīng)自動選擇了當(dāng)前工程所在的文件夾怠硼，確保Passport文件夾在最上方（見圖5-25），然后點擊Create移怯。
剛剛創(chuàng)建的CountriesTableViewController.swift文件已經(jīng)自動在Xcode中打開了香璃。
然后選中所有綠色的代碼，刪掉它們舟误。注意不要一不小心刪掉最底部的那個右大括號葡秒。viewDidLoad和didReceiveMemoryWarning中的綠色代碼也刪掉。然后隱藏Inspector嵌溢，打開Project Navigator眯牧。
把鼠標(biāo)光標(biāo)放到class CountriesTableViewController: UITableViewController這行代碼的下方，我們在這里創(chuàng)建變量屬性赖草，去過的國家應(yīng)該是存儲在數(shù)組當(dāng)中学少，任何方法都可以訪問數(shù)組，請輸入下列代碼：
var countries = ["Italy","Norway","England"]
numberOfSectionsInTableView方法確定table view中顯示多少個section秧骑，把數(shù)字改為1旱易，刪掉這行//#warningPotentially incomplete method implementation，見下方：
override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
//Return the number of sections.
return 1
}
Page 158 | Chapter 5 : Building Multiscreen Apps
在 numberOfSectionsInTableView方法下面腿堤，還有一個numberOfRowsInSection方法阀坏，numberOfRowsInSection這個方法確定table view中顯示多少行，把數(shù)字改成3笆檀，刪掉這行//#warningPotentially incomplete method implementation忌堂，見下方：
override func tableView(tableView: UITableView, numberOfRowsInSection section:Int) -> Int {
//Return the number of sections.
return 3
}
把鼠標(biāo)光標(biāo)放到這兩個方法下面，然后輸入tableView酗洒，會自動出現(xiàn)一些代碼士修，這是自動補全功能，幫助你更快的輸入代碼樱衷，找到下面這行代碼：
tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
然后敲擊回車棋嘲，刪掉代碼占位符。
tableview中的每一行都會調(diào)用cellForRowAtIndexPath方法矩桂，在這個方法中我們創(chuàng)建UITableViewCell沸移，然后每一行都會顯示我們想顯示的內(nèi)容。在方法中添加下列代碼：
let cell = tableView.dequeueReusableCellWithIdentifier("reuseIdentifier", forIndexPath: indexPath) as! UITableViewCell
這行代碼創(chuàng)建了一個名為cell的常量，等號后面是tableView中可回收的cell雹锣，這個方法用來檢查使用已經(jīng)有了一個可回收的cell网沾，且其identifier為reuseIdentifier。如果有這個cell蕊爵，那么讓cell可回收辉哥；反之，創(chuàng)建一個新的cell攒射。接著添加下列代碼：
var country = countries[indexPath.row]
這行代碼把國家名字賦值給了country這個變量醋旦。table view中的每一行都會調(diào)用cellForRowAtIndexPath這個方法，每次被調(diào)用会放，indexPath變量會更新浑度，然后提供最新的section和row number。例如鸦概，cellForRowAtIndexPath第一次被調(diào)用的時候，是第一section第一行甩骏，接著是第一section第二行窗市，然后是第一section第三行，繼續(xù)直到遍歷完所有的section所有的行饮笛。indexPath.row用來提取數(shù)組中的第一個第二個和第三個國家咨察。
接著添加下列代碼：
cell.textLabel.text = country
這行代碼把coutry變量的值賦值給了UITableViewCell的text屬性，這樣福青，國家名字將會展示在每行中摄狱。
Exercise: Passport | Page 159
添加最后一行代碼：
return cell
應(yīng)用幾乎快要完成了，然而還需要修改Storyboard中的一些設(shè)置无午。打開Main.storybaord媒役，然后打開Inspector。
接著點擊Table View Controller Scene宪迟，接著選中Table View Controller Scene上方的黃色圓圈酣衷，選中后一個藍(lán)色框會包裹住黃色圓圈，打開Identity Inspector次泽，從左數(shù)第三個圖標(biāo)穿仪，看起來像是張報紙，在Class一欄中選擇CountriesTableViewController（見圖5-26）
這個操作會把CountriesTableViewController.swift和Table View Controller Scene連起來∫饣纾現(xiàn)在應(yīng)用已經(jīng)編寫完成了啊片，保存你的操作，然后點擊左上角的Paly按鈕（或者快捷鍵Command+R）玖像。
App啟動后會展示姓名生日國籍和照片（見圖5-27）紫谷。點擊Show Countries按鈕，navigation controller會自動push一個新的view controller到最前面。
Page 160 | Chapter 5 : Building Multiscreen Apps
每一個cell都顯示一個不同的國家（見圖5-28）碴里。左上角的back（返回按鈕）是自動生成的沈矿，文字顯示的是之前界面的title，如果之前的界面沒有title咬腋，就會顯示Back羹膳。點擊Back這個按鈕。
Exercise: Passport | Page 161
如果App沒有按照你想要的結(jié)果運行醒颖，或者程序有了錯誤或警告，不要太擔(dān)心壳炎，學(xué)習(xí)的最佳方式就是試錯泞歉，熟能生巧，到我們的網(wǎng)站上下載示例代碼匿辩，對比一下代碼腰耙，多試幾次，直到搞定這個程序為止铲球。
Page 162 | Chapter 5 : Building Multiscreen Apps
