迄今為止你對(duì)Xcode開發(fā)環(huán)境已經(jīng)有了一個(gè)基本概念。讓我們開始設(shè)計(jì)我們第一個(gè)app的用戶界面。在項(xiàng)目導(dǎo)航窗口，選擇“Main.storyboard“文件。Xcode會(huì)顯示一個(gè)Storyboard用戶界面編輯器。
我們使用storyboard布局視圖并且在不同視圖之間切換。因?yàn)槲覀兪褂谩癝ingle View Application“模板，所以storyboard已經(jīng)包含了一個(gè)view controller scene。一個(gè)scene（場景）在storyboard中代表一個(gè)view controller 和它包含的view（視圖）。iOS app開發(fā)中，view是創(chuàng)建用戶界面最基礎(chǔ)的模塊。每個(gè)類型的view有它自己的功能。例如，在storyboard中的container（容器）view的功能就是放置其他的view例如按鈕、標(biāo)簽、圖片等等。
view?controller就是設(shè)計(jì)用來管理view controller和view以及subviews（如按鈕、標(biāo)簽）之間的關(guān)系的。如果你被view和view controller質(zhì)檢的關(guān)系頭疼的話，不用擔(dān)心。在后面的章節(jié)中我們會(huì)討論view和view controller如何協(xié)同工作。同時(shí)，專心學(xué)習(xí)如何使用storyboard和Interface Builder布局UI界面。
Interface?Builder的Outline view（大綱視圖）顯示了所有的scene和scene下面的對(duì)象的大概情況。在你想在storyboard中選擇一個(gè)特別的對(duì)象時(shí)outline view非常有用。如果屏幕上看不到outline view，則使用觸發(fā)按鈕打開或關(guān)閉outline view。
禁止Size Class
如果你有Xcode 5的經(jīng)驗(yàn)，你可能會(huì)奇怪Xcode 6的View Controller大小和Xcode 5不一樣。Xcode6的view controller比較大并且看起來不像一個(gè)iPhone。它現(xiàn)在是一個(gè)“一種尺寸適應(yīng)所有”的畫布。這就算即將介紹的Size Classes技術(shù)。
Size?Classes是iOS8引入的新技術(shù)。通過使用Size Classes，開發(fā)人員使用統(tǒng)一的storyboard同時(shí)創(chuàng)建iPhone和iPad 的app UI。在此之前，如果你需要?jiǎng)?chuàng)建一個(gè)同時(shí)支持iPad和iPhone的app，你需要?jiǎng)?chuàng)建兩個(gè)不同的storyboard，每個(gè)設(shè)備一個(gè)。
這里我們先不過多介紹size classes技術(shù)。為了讓問題簡單化，我們把第一個(gè)項(xiàng)目的size classes關(guān)閉。在文件屬性觀察器中Interface Builder Document 下面，取消勾選“Use Size Classes”復(fù)選框。如果文件屬性選擇器被隱藏了，你可以通過點(diǎn)擊ViewUilitiesShow File?Inspector.
當(dāng)你禁用size?classes，Xcode將會(huì)提示你選擇目標(biāo)設(shè)備。對(duì)于我們的項(xiàng)目，選擇iPhone并且點(diǎn)擊“Disable Size Classes”確認(rèn)?，F(xiàn)在view controller看起來更像一個(gè)iPhone了。
添加一個(gè)按鈕
下一步我們將添加一個(gè)Hello World按鈕到視圖里。目標(biāo)庫（Object library）位于工具空間（utility?area）的底部。在目標(biāo)庫里你可以選擇任何UI 控件并且拖拽到視圖中。如果你沒有看見目標(biāo)庫，你可以點(diǎn)擊“Show the Ojbect Library”按鈕。
你可以使用觸發(fā)按鈕來切換列表視圖和圖標(biāo)視圖。 如果你想了解更多Object?Library 相關(guān)內(nèi)容，只需要點(diǎn)擊它然后Xcode將會(huì)顯示控件的簡要說明。好了，是時(shí)候添加一個(gè)按鈕到視圖中了。所有你需要做的就是從目標(biāo)庫拖拽一個(gè)按鈕到視圖中。
當(dāng)你拖拽按鈕到視圖時(shí)，如果按鈕到達(dá)中心你會(huì)看到水平和垂直標(biāo)志線。然后停止拖拽，釋放你的按鈕，這樣按鈕就放到視圖中央了。
專題目錄：
第二章：使用Storyboard設(shè)計(jì)用戶界面（一）
