關(guān)注微信公眾號(hào)【異步圖書】每周送書

Xcode是一款功能全面的應(yīng)用程序，通過此工具可以輕松輸入、編譯、調(diào)試并執(zhí)行Objective-C程序。如果想在Mac上快速開發(fā)iOS應(yīng)用程序，則必須學(xué)會(huì)使用這個(gè)強(qiáng)大的工具的方法。在本文容中，將詳細(xì)講解Xcode 9開發(fā)工具的基本知識(shí)，為讀者步入本書后面知識(shí)的學(xué)習(xí)打下基礎(chǔ)。

1.1　基本面板介紹

使用Xcode 9打開一個(gè)iOS 11項(xiàng)目后的效果如圖1-1所示。
圖1-1　打開一個(gè)iOS 11項(xiàng)目后的效果
（1）調(diào)試區(qū)域：左上角的這部分功能是控制程序編譯調(diào)試或者終止調(diào)試，還有選擇Scheme目標(biāo)的地方。單擊三角形圖標(biāo)會(huì)啟動(dòng)模擬器運(yùn)行這個(gè)iOS程序，單擊正方形圖標(biāo)會(huì)停止運(yùn)行。

（2）資源管理器：左邊這一部分是資源管理器，上方可以設(shè)置選擇顯示的視圖，有Class視圖、搜索視圖、錯(cuò)誤視圖等。

（3）工程面板：這部分是最重要的，也是整個(gè)窗口中占用面積最大的區(qū)域。通常顯示當(dāng)前工程的總體信息，例如編譯信息、版本信息和團(tuán)隊(duì)信息等。當(dāng)在“資源管理器”中用鼠標(biāo)選擇一個(gè)源代碼文件時(shí)，此時(shí)這個(gè)區(qū)域?qū)⒆優(yōu)椤熬幋a面板”，在面板中將顯示這個(gè)文件的具體源代碼。

（4）屬性面板：在進(jìn)行Storyboard或者xib設(shè)計(jì)時(shí)十分有用，可以設(shè)置每個(gè)控件的屬性。和Visual C++、Vsiual Studio.NET中的屬性面板類似。

1.1.1　調(diào)試工具欄

調(diào)試工具欄界面效果如圖1-2所示。從左面開始我們來看看常用的工具欄項(xiàng)目，首先是run運(yùn)行按鈕，單擊它可以打開模擬器來運(yùn)行我們的項(xiàng)目。停止運(yùn)行按鈕是。另外，當(dāng)單擊并按住片刻后可以看到下面的彈出菜單，為我們提供了更多的運(yùn)行選項(xiàng)。

圖1-2　調(diào)試工具欄界面
在停止運(yùn)行按鈕的旁邊，可以看到圖1-3所示這樣的一個(gè)下拉列表，這里讓我們可以選擇虛擬器的屬性，是iPad還是iPhone。iOS Device是指真機(jī)測(cè)試，如圖1-3所示。

工具欄最右側(cè)有3個(gè)關(guān)閉視圖控制器工具，可以讓我們關(guān)閉一些不需要的視圖，如圖1-4所示。

圖1-3　選擇虛擬器的屬性　

圖1-4　關(guān)閉視圖控制器工具
1.1.2　導(dǎo)航面板介紹

在導(dǎo)航區(qū)域包含了多個(gè)導(dǎo)航類型，例如選中第一個(gè)圖標(biāo)后會(huì)顯示項(xiàng)目導(dǎo)航面板，即顯示當(dāng)前項(xiàng)目的構(gòu)成文件，如圖1-5所示。

單擊第2個(gè)圖標(biāo)后會(huì)來到符號(hào)導(dǎo)航面板界面，將顯示當(dāng)前項(xiàng)目中包含的類、方法和屬性，如圖1-6所示。

圖1-5　項(xiàng)目導(dǎo)航面板界面

圖1-6　符號(hào)導(dǎo)航面板界面
單擊第3個(gè)圖標(biāo)后會(huì)來到搜索導(dǎo)航面板界面，在此可以輸入將要搜索的關(guān)鍵字，按下回車鍵后將會(huì)顯示搜索結(jié)果。例如輸入關(guān)鍵字“first”后的效果如圖1-7所示。

單擊第4個(gè)圖標(biāo)后會(huì)來到問題導(dǎo)航面板界面，如果當(dāng)前項(xiàng)目存在錯(cuò)誤或警告，則會(huì)在此面板中顯示出來，如圖1-8所示。

圖1-7　搜索導(dǎo)航面板界面

圖1-8　顯示錯(cuò)誤信息
單擊第5個(gè)圖標(biāo)后會(huì)來到測(cè)試導(dǎo)航面板界面，將會(huì)顯示當(dāng)前項(xiàng)目包含的測(cè)試用例和測(cè)試方法等，如圖1-9所示。

單擊第6個(gè)圖標(biāo)后會(huì)來到調(diào)試導(dǎo)航面板界面，在默認(rèn)情況下將會(huì)顯示一片空白，如圖1-10所示。只有進(jìn)行項(xiàng)目調(diào)試時(shí)，才會(huì)在這個(gè)面板中顯示內(nèi)容。

圖1-9　測(cè)試導(dǎo)航面板界面

圖1-10　調(diào)試導(dǎo)航面板界面
在Xcode 9中使用斷點(diǎn)調(diào)試的基本流程如下所示。

打開某一個(gè)文件，在編碼窗口中找到想要添加斷點(diǎn)的行號(hào)位置，然后單擊鼠標(biāo)左鍵，此時(shí)這行代碼前面將會(huì)出現(xiàn)圖標(biāo)，如圖1-11所示。如果想刪除斷點(diǎn)，只需用按住鼠標(biāo)左鍵將斷點(diǎn)拖向旁邊，此時(shí)斷點(diǎn)會(huì)消失。

圖1-11　設(shè)置的斷點(diǎn)

圖1-12檢查值
在添加斷點(diǎn)并運(yùn)行項(xiàng)目后，程序會(huì)進(jìn)入調(diào)試狀態(tài)，并且會(huì)執(zhí)行到斷點(diǎn)處停下來，此面板中將會(huì)顯示執(zhí)行這個(gè)斷點(diǎn)時(shí)的所有變量以及變量的值，如圖1-12所示。此時(shí)的測(cè)試導(dǎo)航界面如圖1-13所示。

斷點(diǎn)測(cè)試導(dǎo)航界面的功能非常強(qiáng)大，甚至可以查看程序?qū)PU的使用情況，如圖1-14所示。

圖1-13　斷點(diǎn)測(cè)試導(dǎo)航界面

圖1-14　CPU的使用情況
單擊第7個(gè)圖標(biāo)后會(huì)來到斷點(diǎn)導(dǎo)航面板界面，在此界面中將會(huì)顯示當(dāng)前項(xiàng)目中的所有斷點(diǎn)。右鍵單擊斷點(diǎn)后，可以在彈出的命令中設(shè)置禁用斷點(diǎn)或刪除斷點(diǎn)，如圖1-15所示。

單擊第8個(gè)圖標(biāo)后會(huì)來到日志導(dǎo)航面板界面，在此界面中將會(huì)顯示在開發(fā)整個(gè)項(xiàng)目的過程中所發(fā)生過的所有信息，如圖1-16所示。

圖1-15　禁用斷點(diǎn)或刪除斷點(diǎn)

圖1-16　日志導(dǎo)航面板

1.1.3　檢查器面板

單擊屬性窗口中的圖標(biāo)后會(huì)來到文件檢查器面板界面，此面板用于顯示該文件存儲(chǔ)的相關(guān)信息，例如文件名、文件類型、文件存儲(chǔ)路徑和文件編碼等信息，如圖1-17所示。

單擊屬性窗口中的圖標(biāo)后會(huì)來到快速幫助面板界面，當(dāng)將鼠標(biāo)停留在某個(gè)源碼文件中的聲明代碼片段部分時(shí)，會(huì)在快速幫助面板界面中顯示幫助信息。圖1-18的右上方顯示了鼠標(biāo)所在位置的幫助信息。
\
圖1-17　文件檢查器面板

1.2　Xcode 9的基本操作

經(jīng)過本文前面內(nèi)容的介紹，已經(jīng)了解了Xcode 9中面板的基本知識(shí)。在本節(jié)的內(nèi)容中，將詳細(xì)講解在Xcode 9中進(jìn)行基本操作的知識(shí)。

1.2.1　改變公司名稱

通過xcode編寫代碼，代碼的頭部會(huì)有類似于圖1-19所示的內(nèi)容。

圖1-19　頭部?jī)?nèi)容

圖1-20　Xcode的瀏覽器窗口

在圖1-20的搜索框中可以輸入關(guān)鍵字，這樣瀏覽器窗口里只顯示帶關(guān)鍵字的文件了，比如只想看Book相關(guān)的類，如圖1-21所示。

圖1-21　輸入關(guān)鍵字

1.2.3　格式化代碼

例如在圖1-22所示的界面中，有很多行都頂格了，此時(shí)需要進(jìn)行格式化處理。

選中需要格式化的代碼，然后在上下文菜單中進(jìn)行查找，這是比較規(guī)矩的辦法，如圖1-23所示。

圖1-22　多行都頂格

圖1-23　在上下文菜單中進(jìn)行查找

Xcode沒有提供快捷鍵，當(dāng)然自己可以設(shè)置，此時(shí)可以用快捷鍵實(shí)現(xiàn)，例如Ctrl+A（全選文字）、Ctrl+X（剪切文字）、Ctrl+V（粘貼文字）。Xcode會(huì)對(duì)粘貼的文字格式化。

1.2.4　代碼縮進(jìn)和自動(dòng)完成

有的時(shí)候代碼需要縮進(jìn)，有的時(shí)候又要做相反的操作。單行縮進(jìn)和其他編輯器類似，只需使用Tab鍵即可。如果選中多行則需要使用快捷鍵，其中Command+]表示縮進(jìn)，Command+[表示反向縮進(jìn)。

使用IDE工具的一大好處是，工具能夠幫助我們自動(dòng)完成冗長(zhǎng)的類型名稱。Xcode提供了這方面的功能。比如下面的輸出日志。

NSLog(@”book author: %@”,book.author);

如果都自己輸入會(huì)很麻煩的，可以先輸入ns，然后使用快捷鍵“Ctrl+.”，會(huì)自動(dòng)出現(xiàn)如下代碼。

NSLog(NSString * format)

然后填寫參數(shù)即可。快捷鍵“Ctrl+.”的功能是自動(dòng)給出第一個(gè)匹配ns關(guān)鍵字的函數(shù)或類型，而NSLog是第一個(gè)。如果繼續(xù)使用“Ctrl+.”，則會(huì)出現(xiàn)比如NSString的形式。以此類推，會(huì)顯示所有ns開頭的類型或函數(shù)，并循環(huán)往復(fù)。或者，也可以用“Ctrl+,”快捷鍵，比如還是ns，那么會(huì)顯示全部ns開頭的類型、函數(shù)、常量等的列表。可以在這里選擇。其實(shí)，Xcode也可以在你輸入代碼的過程中自動(dòng)給出建議。比如要輸入NSString。當(dāng)輸入到NSStr的時(shí)候。

NSString

此時(shí)后面的ing會(huì)自動(dòng)出現(xiàn)，如果和我預(yù)想的一樣，只需直接按Tab鍵確認(rèn)即可。也許你想輸入的是NSStream，那么可以繼續(xù)輸入。另外也可按Esc鍵，這時(shí)就會(huì)出現(xiàn)結(jié)果列表供選擇了，如圖1-24所示。

如果是正在輸入方法，那么會(huì)自動(dòng)完成圖1-25所示的樣子。

圖1-24　出現(xiàn)結(jié)果列表

圖1-25　自動(dòng)完成的結(jié)果

我們可以使用Tab鍵確認(rèn)方法中的內(nèi)容，或者通過快捷鍵“Ctrl+/”在方法中的參數(shù)來回切換。

1.2.5　文件內(nèi)查找和替代

在編輯代碼的過程中經(jīng)常會(huì)做查找和替代的操作，如果只是查找則直接按“Command+F”即可，在代碼的右上角會(huì)出現(xiàn)圖1-26所示的對(duì)話框。只需在里面輸入關(guān)鍵字，不論大小寫，代碼中所有命中的文字都高亮顯示。

也可以實(shí)現(xiàn)更復(fù)雜的查找，比如是否大小寫敏感，是否使用正則表達(dá)式等。設(shè)置界面如圖1-27所示。

圖1-26　查找界面

圖1-27　復(fù)雜查找設(shè)置

通過圖1-28中的“Find & Replace”可以切換到替代界面。

如圖1-29所示的界面將查找設(shè)置為大小寫敏感，然后替代為myBook。

另外，也可以單擊按鈕是否全部替代，還是查找一個(gè)替代一個(gè)等。如果需要在整個(gè)項(xiàng)目?jī)?nèi)查找和替代，則依次單擊“Find”－>“Find in Project…”命令，如圖1-30所示。

還是以找關(guān)鍵字book為例，則實(shí)現(xiàn)界面如圖1-31所示。

圖1-28　“Find & Replace”替換

圖1-29　替代為myBook

圖1-30　“Find in Project…”命令‘’

圖1-31　在整個(gè)項(xiàng)目?jī)?nèi)查找“book”關(guān)鍵字

替代操作的過程也與之類似，在此不再進(jìn)行詳細(xì)講解。

1.2.6　快速定位到代碼行

如果想定位光標(biāo)到選中文件的行上，可以使用快捷鍵“Command+L”來實(shí)現(xiàn)，也可以依次單擊“Navigate”－>“Jump to Line…”命令實(shí)現(xiàn)，如圖1-32所示。

在使用菜單或者快捷鍵時(shí)都會(huì)出現(xiàn)下面的對(duì)話框，輸入行號(hào)和回車后就會(huì)來到該文件的指定行，如圖1-33所示。

圖1-32　“Jump to Line”命令

圖1-33　輸入行號(hào)

1.2.7　快速打開文件

有時(shí)候需要快速打開頭文件，如圖1-34所示的界面。要想知道這里的文件ViewController.h到底是什么內(nèi)容，可以鼠標(biāo)選中文件ViewController.h來實(shí)現(xiàn)。

圖1-34　一個(gè)頭文件

依次單擊“File”－>“Open Quickly…”命令，如圖1-35所示。

此時(shí)會(huì)彈出圖1-36所示的對(duì)話框。

圖1-35　“Open Quickly…”命令　

圖1-36　“Open Quickly…”對(duì)話框

此時(shí)雙擊文件ViewController.h的條目就可以看到圖1-37所示的界面。

圖1-37　文件ViewController.h的內(nèi)容
1.2.8　自定義導(dǎo)航條

在代碼窗口上邊有一個(gè)工具條，此工具條提供了很多方便的導(dǎo)航功能，如圖1-38所示的功能。

圖1-38　一個(gè)導(dǎo)航條

也可以用來實(shí)現(xiàn)上面TODO的需求。這里有兩種自定義導(dǎo)航條的寫法，其中下面是標(biāo)準(zhǔn)寫法。

pragma mark

而下面是Xcode兼容的格式。

// TODO: xxx // FIXME: xxx

完整的代碼如圖1-39所示。

此時(shí)會(huì)產(chǎn)生如圖1-40所示的導(dǎo)航條效果。

圖1-39　完整的代碼

圖1-40　產(chǎn)生的導(dǎo)航條效果

1.2.9　使用Xcode幫助

如果想快速地查看官方API文檔，可以在源代碼中按下“Option”鍵并鼠標(biāo)雙擊該類型（函數(shù)、變量等），如圖1-41所示的是“didReceiveMemoryWarning”的API文檔對(duì)話框。

如果單擊圖1-41中標(biāo)識(shí)的按鈕，會(huì)彈出完整文檔的窗口，如圖1-42所示。

圖1-41　didReceiveMemoryWarning的API文檔對(duì)話框

圖1-42　完整文檔的窗口

1.2.10　調(diào)試代碼

最簡(jiǎn)單的調(diào)試方法是通過NSLog打印出程序運(yùn)行中的結(jié)果，然后根據(jù)這些結(jié)果判斷程序運(yùn)行的流程和結(jié)果值是否符合預(yù)期。對(duì)于簡(jiǎn)單的項(xiàng)目，通常使用這種方式就足夠了。但是，如果開發(fā)的是商業(yè)項(xiàng)目，需要借助Xcode提供的專門調(diào)試工具。所有的編程工具的調(diào)試思路都是一樣的。首先要在代碼中設(shè)置斷點(diǎn)，此時(shí)可以想象一下，程序的執(zhí)行是順序的，可能懷疑某個(gè)地方的代碼出了問題（引發(fā)bug），那么就在這段代碼開始的地方，比如是這個(gè)方法的第一行，或者循環(huán)的開始部分，設(shè)置一個(gè)斷點(diǎn)。那么程序在調(diào)試時(shí)會(huì)在運(yùn)行到斷點(diǎn)時(shí)終止，接下來可以一行一行地執(zhí)行代碼，判斷執(zhí)行順序是否是自己預(yù)期的，或者變量的值是否和自己想的一樣。

設(shè)置斷點(diǎn)的方法非常簡(jiǎn)單，比如想對(duì)框中（運(yùn)行到）表示的行設(shè)置斷點(diǎn)，就單擊該行左側(cè)圈的位置，如圖1-43所示。

圖1-43　單擊該行左側(cè)圈的位置
單擊后會(huì)出現(xiàn)斷點(diǎn)標(biāo)志，如圖1-44所示。

然后運(yùn)行代碼，比如使用“Command+Enter”命令，這時(shí)將運(yùn)行代碼，并且停止在斷點(diǎn)處，如圖1-45所示。

圖1-44　出現(xiàn)斷點(diǎn)標(biāo)志　

圖1-45　停止在斷點(diǎn)處

可以通過“Shift+Command+Y”命令調(diào)出調(diào)試對(duì)話框，如圖1-46所示。

圖1-46　調(diào)試對(duì)話框

這和其他語言IDE工具的界面大同小異，因?yàn)槎季哂蓄愃频墓δ堋Ｏ旅媸侵饕畹木唧w說明。

通過調(diào)試工具，可以對(duì)應(yīng)用做全面和細(xì)致的調(diào)試。

1.3　使用Xcode 9幫助系統(tǒng)

在Mac中使用Xcode 9進(jìn)行iOS開發(fā)時(shí)，難免會(huì)遇到很多API、類和函數(shù)等資料的查詢操作，此時(shí)可以利用Xcode自帶的幫助文檔系統(tǒng)進(jìn)行學(xué)習(xí)并解決我們的問題。使用Xcode 9幫助系統(tǒng)的方式有如下3種。

（1）使用“快速幫助面板”

在本文1.2中已經(jīng)介紹了使用“快速幫助面板”的方法，只需將鼠標(biāo)放在源代碼中的某個(gè)類或函數(shù)上，即可在“快速幫助面板”中彈出幫助信息，如圖1-47所示。

圖1-47　“快速幫助面板”界面

此時(shí)單擊右下角中的“View Controller Catalog for iOSView Controller”后會(huì)在新界面中顯示詳細(xì)信息，如圖1-48所示。

（2）使用搜索功能

在圖1-48中的幫助系統(tǒng)中，我們可以在頂部文本框中輸入一個(gè)關(guān)鍵字，即可在下方展示對(duì)應(yīng)的知識(shí)點(diǎn)信息。例如輸入關(guān)鍵字“NSString”后的效果如圖1-49所示。

圖1-48　詳細(xì)幫助信息

圖1-49　輸入關(guān)鍵字“NSString”后的效果

（3）使用編輯區(qū)的快速幫助

在某個(gè)程序文件的代碼編輯界面，按下Option鍵后，當(dāng)將鼠標(biāo)光標(biāo)移動(dòng)到某個(gè)類上時(shí)，光標(biāo)會(huì)變?yōu)閱柼?hào)，此時(shí)單擊鼠標(biāo)左鍵就會(huì)彈出懸浮樣式的快速幫助信息，顯示對(duì)應(yīng)的接口文件和參考文檔。

當(dāng)單擊打開文檔名時(shí)，會(huì)彈出幫助界面顯示相關(guān)的幫助信息。

本文摘自《iOS 11 開發(fā)指南》

《iOS 11開發(fā)指南》
管蕾 著

點(diǎn)擊封面購買紙書

基于全新的iOS 11進(jìn)行講解，演示iOS11的新特性 ；Objective-C和Swift雙語講解，全新的Swift 4.0實(shí)例演示 ；9小時(shí)的視頻講解，230多個(gè)典型實(shí)例和兩個(gè)綜合性實(shí)例，幫助讀者盡快上手開發(fā) 。

本書內(nèi)容全面，本書循序漸進(jìn)地講解了iOS 11應(yīng)用開發(fā)的知識(shí)。幾乎涵蓋了iOS 11應(yīng)用開發(fā)所需要的主要內(nèi)容，適合iOS開發(fā)初學(xué)者和iOS程序員學(xué)習(xí)，也可以作為相關(guān)培訓(xùn)學(xué)校和高校相關(guān)專業(yè)的教學(xué)用書。

延伸推薦

今日話題
你看過的最有意思的科技類app是哪個(gè)？截止時(shí)間3月5日17時(shí)，留言+轉(zhuǎn)發(fā)本活動(dòng)到朋友圈，小編將選出1名讀者贈(zèng)送異步新書一本。

點(diǎn)擊關(guān)鍵詞新書：
Python|機(jī)器學(xué)習(xí)|Kotlin|Java|移動(dòng)開發(fā)|機(jī)器人|有獎(jiǎng)活動(dòng)|Web前端|書單

在“異步圖書”后臺(tái)回復(fù)“關(guān)注”，即可免費(fèi)獲得2000門在線視頻課程；推薦朋友關(guān)注根據(jù)提示獲取贈(zèng)書鏈接，免費(fèi)得異步圖書一本。趕緊來參加哦！
點(diǎn)擊閱讀原文，查看本書更多信息
掃一掃上方二維碼，回復(fù)“關(guān)注”參與活動(dòng)！

點(diǎn)擊下方閱讀原文，直接參與活動(dòng)

閱讀原文

總結(jié)

以上是生活随笔為你收集整理的30分钟学会iOS 11开发环境xcode 9图文教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。