在如何啟動(dòng)IOS應(yīng)用程序這一iOS 應(yīng)用程序開發(fā)教程中，我們已經(jīng)了解到一個(gè)視圖控制器負(fù)責(zé)管理一個(gè)場(chǎng)景，而一個(gè)場(chǎng)景代表一個(gè)內(nèi)容區(qū)域。在該區(qū)域中看到的內(nèi)容，是在視圖控制器的視圖中定義的。通過本文，你可以更仔細(xì)地查看由HelloWorldViewController 所管理的場(chǎng)景，并學(xué)習(xí)如何調(diào)整視圖的背景顏色。
使用檢查器來(lái)檢查視圖控制器
應(yīng)用程序啟動(dòng)時(shí)，載入主串聯(lián)圖文件，然后實(shí)例化初始視圖控制器。初始視圖控制器管理用戶打開應(yīng)用程序時(shí)看到的第一個(gè)場(chǎng)景。因?yàn)椤癝ingle View”模板只提供一個(gè)視圖控制器，該視圖控制器自動(dòng)設(shè)定為初始視圖控制器。你可以使用 Xcode 檢查器來(lái)驗(yàn)證視圖控制器的狀態(tài)，并查看關(guān)于它的其他信息。
打開檢查器
1. 如有需要，點(diǎn)按項(xiàng)目導(dǎo)航器中的 MainStoryboard.storyboard，在畫布上顯示場(chǎng)景。
2. 在大綱視圖中，選擇“Hello World View Controller”，列在“first responder”下方，你的工作區(qū)窗口外觀應(yīng)該像這樣：
請(qǐng)注意場(chǎng)景和場(chǎng)景臺(tái)都有藍(lán)色外框，并已選定場(chǎng)景臺(tái)中的視圖控制器對(duì)象。
3. 在工具欄中點(diǎn)按右邊的“View”按鈕，在窗口右邊顯示實(shí)用工具區(qū)域（或者選取“View”>“Utilities”>“Show Utilities”）。
4. 在實(shí)用工具區(qū)域中點(diǎn)按“Attributes”檢查器按鈕，打開“Attributes”檢查器�！癆ttributes”檢查器按鈕位于實(shí)用工具區(qū)域頂部的檢查器選擇欄中，為從左邊起的第四個(gè)按鈕。
“Attributes”檢查器打開時(shí)，工作區(qū)窗口外觀應(yīng)該像這樣（你可能需要調(diào)整窗口的大小以便看到所有內(nèi)容）：
在“Attributes”檢查器的“View Controller”部分，可以看到已選定“Initial Scene”選項(xiàng)。
請(qǐng)注意，如果取消選定這個(gè)選項(xiàng)，初始場(chǎng)景指示器會(huì)從畫布中消失。在本教程中，請(qǐng)確定“Initial Scene”選項(xiàng)一直是選定的。
更改視圖的背景顏色
在本教程的前面部分，你已了解到視圖提供了在 Simulator 中運(yùn)行應(yīng)用程序時(shí)所看到的白色背景。要確定應(yīng)用程序工作正常，你可以將視圖的背景設(shè)定為白色以外的其他顏色，并再次在 Simulator 中運(yùn)行應(yīng)用程序來(lái)驗(yàn)證新顏色的顯示。
在更改視圖的背景之前，請(qǐng)確定串聯(lián)圖仍打開在畫布上。（如有需要，點(diǎn)按項(xiàng)目導(dǎo)航器中的 MainStoryboard.storyboard，在畫布上打開串聯(lián)圖。）
設(shè)定視圖控制器的視圖的背景顏色
1. 在大綱視圖中，點(diǎn)按“Hello World View Controller”旁邊的展示三角形（如果還未打開的話），然后選擇“View”。
Xcode 在畫布上高亮顯示視圖區(qū)域。
2. 在實(shí)用工具區(qū)域頂部的檢查器選擇欄中點(diǎn)按“Attributes”按鈕，打開“Attributes”檢查器（如果還未打開的話）。
3. 在“Attributes”檢查器中，點(diǎn)按“Background”彈出式菜單中的白色矩形，打開“Colors”窗口。
矩形顯示該項(xiàng)目的背景的當(dāng)前顏色�！癇ackground”彈出式菜單外觀像這樣：
注：如果并非點(diǎn)按白色矩形，而是點(diǎn)按“Default”并打開彈出式菜單，請(qǐng)從出現(xiàn)的菜單中選取“Other”。
4. 在“Colors”窗口中，選擇白色以外的顏色。
你的工作區(qū)窗口和“Colors”窗口外觀應(yīng)該像這樣：
小貼士：在你選擇視圖時(shí) Xcode 高亮顯示該視圖，所以畫布上的顏色可能和“Colors”窗口中的顏色看起來(lái)不同。
5. 關(guān)閉“Colors”窗口。
點(diǎn)按“Run”按鈕或選取“Product”>“Run”，在 Simulator 中測(cè)試你的應(yīng)用程序。請(qǐng)確定 Xcode 工具欄中的“Scheme”彈出式菜單仍然顯示“HelloWorld”>“iPhone 5.0 Simulator”。你看到的應(yīng)該大致是這樣的：
小貼士：在運(yùn)行應(yīng)用程序前，可以不必存儲(chǔ)你的工作，因?yàn)辄c(diǎn)按“Run”或選取
“Product”>“Run”時(shí)，Xcode 會(huì)自動(dòng)存儲(chǔ)你更改過的文件。
為了教程的后續(xù)學(xué)習(xí)之前，請(qǐng)將視圖的背景顏色恢復(fù)成白色。那么，如何才能恢復(fù)視圖的背景顏色呢？
1. 在“Attributes”檢查器中，點(diǎn)按箭頭打開“Background”彈出式菜單。
請(qǐng)注意，“Background”彈出式菜單中的矩形已改變成顯示在“Colors”窗口中所選取的顏色。如果點(diǎn)按的是有顏色的矩形而不是箭頭，“Colors”窗口會(huì)重新打開。因?yàn)槟阆胫匦率褂靡晥D原來(lái)的背景顏色，從“Background”菜單中選取該顏色，比從“Colors”窗口中找要簡(jiǎn)單得多。
2. 在“Background”彈出式菜單中，選取“Recently Used Colors”部分中列出的白色方塊。
3. 點(diǎn)按“Run”按鈕來(lái)編譯和運(yùn)行應(yīng)用程序（并存儲(chǔ)所做的更改）。
驗(yàn)證了應(yīng)用程序重新顯示白色背景后，退出 Simulator。
運(yùn)行應(yīng)用程序時(shí)，Xcode 可能會(huì)在工作區(qū)窗口的底部打開調(diào)試區(qū)。本教程不會(huì)用到該面板，你可以將其關(guān)閉，以騰出更多空間。關(guān)閉調(diào)試區(qū)的方法很簡(jiǎn)單，你只需要點(diǎn)按工具欄中的“Debug View”按鈕。（“Debug View”按鈕為中間的那個(gè)視圖按鈕，它是這樣的： 。）
通過本文的學(xué)習(xí)，你檢查了場(chǎng)景，更改和恢復(fù)了視圖的背景顏色。明天的教程學(xué)習(xí)中你將文本欄、標(biāo)簽以及按鈕添加到視圖中，讓用戶與應(yīng)用程序進(jìn)行交互操作。
|