1. 程式人生 > >30分鐘學會iOS 11開發環境xcode 9圖文教程

30分鐘學會iOS 11開發環境xcode 9圖文教程

iOS 11

關註微信公眾號【異步圖書】每周送書

Xcode是一款功能全面的應用程序,通過此工具可以輕松輸入、編譯、調試並執行Objective-C程序。如果想在Mac上快速開發iOS應用程序,則必須學會使用這個強大的工具的方法。在本文容中,將詳細講解Xcode 9開發工具的基本知識,為讀者步入本書後面知識的學習打下基礎。

1.1 基本面板介紹

使用Xcode 9打開一個iOS 11項目後的效果如圖1-1所示。

技術分享圖片
圖1-1 打開一個iOS 11項目後的效果
(1)調試區域:左上角的這部分功能是控制程序編譯調試或者終止調試,還有選擇Scheme目標的地方。單擊三角形圖標會啟動模擬器運行這個iOS程序,單擊正方形圖標會停止運行。

(2)資源管理器:左邊這一部分是資源管理器,上方可以設置選擇顯示的視圖,有Class視圖、搜索視圖、錯誤視圖等。

(3)工程面板:這部分是最重要的,也是整個窗口中占用面積最大的區域。通常顯示當前工程的總體信息,例如編譯信息、版本信息和團隊信息等。當在“資源管理器”中用鼠標選擇一個源代碼文件時,此時這個區域將變為“編碼面板”,在面板中將顯示這個文件的具體源代碼。

(4)屬性面板:在進行Storyboard或者xib設計時十分有用,可以設置每個控件的屬性。和Visual C++、Vsiual Studio.NET中的屬性面板類似。

1.1.1 調試工具欄

調試工具欄界面效果如圖1-2所示。從左面開始我們來看看常用的工具欄項目,首先是run運行按鈕,單擊它可以打開模擬器來運行我們的項目。停止運行按鈕是。另外,當單擊並按住片刻後可以看到下面的彈出菜單,為我們提供了更多的運行選項。

技術分享圖片

圖1-2 調試工具欄界面


在停止運行按鈕的旁邊,可以看到圖1-3所示這樣的一個下拉列表,這裏讓我們可以選擇虛擬器的屬性,是iPad還是iPhone。iOS Device是指真機測試,如圖1-3所示。

工具欄最右側有3個關閉視圖控制器工具,可以讓我們關閉一些不需要的視圖,如圖1-4所示。

技術分享圖片

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


技術分享圖片

圖1-4 關閉視圖控制器工具


1.1.2 導航面板介紹

在導航區域包含了多個導航類型,例如選中第一個圖標後會顯示項目導航面板,即顯示當前項目的構成文件,如圖1-5所示。

單擊第2個圖標後會來到符號導航面板界面,將顯示當前項目中包含的類、方法和屬性,如圖1-6所示。

技術分享圖片


圖1-5 項目導航面板界面

技術分享圖片
圖1-6 符號導航面板界面


單擊第3個圖標後會來到搜索導航面板界面,在此可以輸入將要搜索的關鍵字,按下回車鍵後將會顯示搜索結果。例如輸入關鍵字“first”後的效果如圖1-7所示。


單擊第4個圖標後會來到問題導航面板界面,如果當前項目存在錯誤或警告,則會在此面板中顯示出來,如圖1-8所示。

技術分享圖片

圖1-7 搜索導航面板界面


技術分享圖片

圖1-8 顯示錯誤信息


單擊第5個圖標後會來到測試導航面板界面,將會顯示當前項目包含的測試用例和測試方法等,如圖1-9所示。

單擊第6個圖標後會來到調試導航面板界面,在默認情況下將會顯示一片空白,如圖1-10所示。只有進行項目調試時,才會在這個面板中顯示內容。

技術分享圖片

圖1-9 測試導航面板界面


技術分享圖片

圖1-10 調試導航面板界面


在Xcode 9中使用斷點調試的基本流程如下所示。

打開某一個文件,在編碼窗口中找到想要添加斷點的行號位置,然後單擊鼠標左鍵,此時這行代碼前面將會出現圖標,如圖1-11所示。如果想刪除斷點,只需用按住鼠標左鍵將斷點拖向旁邊,此時斷點會消失。

技術分享圖片

圖1-11 設置的斷點


技術分享圖片

圖1-12檢查值


在添加斷點並運行項目後,程序會進入調試狀態,並且會執行到斷點處停下來,此面板中將會顯示執行這個斷點時的所有變量以及變量的值,如圖1-12所示。此時的測試導航界面如圖1-13所示。

斷點測試導航界面的功能非常強大,甚至可以查看程序對CPU的使用情況,如圖1-14所示。

技術分享圖片

圖1-13 斷點測試導航界面


技術分享圖片

圖1-14 CPU的使用情況


單擊第7個圖標後會來到斷點導航面板界面,在此界面中將會顯示當前項目中的所有斷點。右鍵單擊斷點後,可以在彈出的命令中設置禁用斷點或刪除斷點,如圖1-15所示。

單擊第8個圖標後會來到日誌導航面板界面,在此界面中將會顯示在開發整個項目的過程中所發生過的所有信息,如圖1-16所示。

技術分享圖片

圖1-15 禁用斷點或刪除斷點


技術分享圖片

圖1-16 日誌導航面板

1.1.3 檢查器面板

單擊屬性窗口中的圖標後會來到文件檢查器面板界面,此面板用於顯示該文件存儲的相關信息,例如文件名、文件類型、文件存儲路徑和文件編碼等信息,如圖1-17所示。

單擊屬性窗口中的圖標後會來到快速幫助面板界面,當將鼠標停留在某個源碼文件中的聲明代碼片段部分時,會在快速幫助面板界面中顯示幫助信息。圖1-18的右上方顯示了鼠標所在位置的幫助信息。

技術分享圖片

圖1-17 文件檢查器面板


技術分享圖片


1.2 Xcode 9的基本操作

經過本文前面內容的介紹,已經了解了Xcode 9中面板的基本知識。在本節的內容中,將詳細講解在Xcode 9中進行基本操作的知識。

1.2.1 改變公司名稱

通過xcode編寫代碼,代碼的頭部會有類似於圖1-19所示的內容。

技術分享圖片


圖1-19 頭部內容

技術分享圖片

圖1-20 Xcode的瀏覽器窗口

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

技術分享圖片


圖1-21 輸入關鍵字

1.2.3 格式化代碼

例如在圖1-22所示的界面中,有很多行都頂格了,此時需要進行格式化處理。

選中需要格式化的代碼,然後在上下文菜單中進行查找,這是比較規矩的辦法,如圖1-23所示。

技術分享圖片

圖1-22 多行都頂格


技術分享圖片


圖1-23 在上下文菜單中進行查找

Xcode沒有提供快捷鍵,當然自己可以設置,此時可以用快捷鍵實現,例如Ctrl+A(全選文字)、Ctrl+X(剪切文字)、Ctrl+V(粘貼文字)。Xcode會對粘貼的文字格式化。

1.2.4 代碼縮進和自動完成

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

使用IDE工具的一大好處是,工具能夠幫助我們自動完成冗長的類型名稱。Xcode提供了這方面的功能。比如下面的輸出日誌。

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

如果都自己輸入會很麻煩的,可以先輸入ns,然後使用快捷鍵“Ctrl+.”,會自動出現如下代碼。

NSLog(NSString * format)

然後填寫參數即可。快捷鍵“Ctrl+.”的功能是自動給出第一個匹配ns關鍵字的函數或類型,而NSLog是第一個。如果繼續使用“Ctrl+.”,則會出現比如NSString的形式。以此類推,會顯示所有ns開頭的類型或函數,並循環往復。或者,也可以用“Ctrl+,”快捷鍵,比如還是ns,那麽會顯示全部ns開頭的類型、函數、常量等的列表。可以在這裏選擇。其實,Xcode也可以在你輸入代碼的過程中自動給出建議。比如要輸入NSString。當輸入到NSStr的時候。

NSString

此時後面的ing會自動出現,如果和我預想的一樣,只需直接按Tab鍵確認即可。也許你想輸入的是NSStream,那麽可以繼續輸入。另外也可按Esc鍵,這時就會出現結果列表供選擇了,如圖1-24所示。

如果是正在輸入方法,那麽會自動完成圖1-25所示的樣子。

技術分享圖片

圖1-24 出現結果列表


技術分享圖片

圖1-25 自動完成的結果

我們可以使用Tab鍵確認方法中的內容,或者通過快捷鍵“Ctrl+/”在方法中的參數來回切換。

1.2.5 文件內查找和替代

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

也可以實現更復雜的查找,比如是否大小寫敏感,是否使用正則表達式等。設置界面如圖1-27所示。

技術分享圖片

圖1-26 查找界面


技術分享圖片


圖1-27 復雜查找設置

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

如圖1-29所示的界面將查找設置為大小寫敏感,然後替代為myBook。

另外,也可以單擊按鈕是否全部替代,還是查找一個替代一個等。如果需要在整個項目內查找和替代,則依次單擊“Find”->“Find in Project…”命令,如圖1-30所示。

還是以找關鍵字book為例,則實現界面如圖1-31所示。

技術分享圖片


圖1-28 “Find & Replace”替換

技術分享圖片

圖1-29 替代為myBook


技術分享圖片


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


技術分享圖片


圖1-31 在整個項目內查找“book”關鍵字

替代操作的過程也與之類似,在此不再進行詳細講解。

1.2.6 快速定位到代碼行

如果想定位光標到選中文件的行上,可以使用快捷鍵“Command+L”來實現,也可以依次單擊“Navigate”->“Jump to Line…”命令實現,如圖1-32所示。

在使用菜單或者快捷鍵時都會出現下面的對話框,輸入行號和回車後就會來到該文件的指定行,如圖1-33所示。

技術分享圖片

圖1-32 “Jump to Line”命令


技術分享圖片


圖1-33 輸入行號

1.2.7 快速打開文件

有時候需要快速打開頭文件,如圖1-34所示的界面。要想知道這裏的文件ViewController.h到底是什麽內容,可以鼠標選中文件ViewController.h來實現。

技術分享圖片


圖1-34 一個頭文件

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

此時會彈出圖1-36所示的對話框。

技術分享圖片


圖1-35 “Open Quickly…”命令 


技術分享圖片


圖1-36 “Open Quickly…”對話框

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

技術分享圖片


圖1-37 文件ViewController.h的內容


1.2.8 自定義導航條

在代碼窗口上邊有一個工具條,此工具條提供了很多方便的導航功能,如圖1-38所示的功能。

技術分享圖片


圖1-38 一個導航條

也可以用來實現上面TODO的需求。這裏有兩種自定義導航條的寫法,其中下面是標準寫法。

pragma mark

而下面是Xcode兼容的格式。

1// TODO: xxx
2// FIXME: xxx

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

此時會產生如圖1-40所示的導航條效果。

技術分享圖片


圖1-39 完整的代碼

技術分享圖片


圖1-40 產生的導航條效果


1.2.9 使用Xcode幫助

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

如果單擊圖1-41中標識的按鈕,會彈出完整文檔的窗口,如圖1-42所示。

技術分享圖片


圖1-41 didReceiveMemoryWarning的API文檔對話框

技術分享圖片


圖1-42 完整文檔的窗口

1.2.10 調試代碼

最簡單的調試方法是通過NSLog打印出程序運行中的結果,然後根據這些結果判斷程序運行的流程和結果值是否符合預期。對於簡單的項目,通常使用這種方式就足夠了。但是,如果開發的是商業項目,需要借助Xcode提供的專門調試工具。所有的編程工具的調試思路都是一樣的。首先要在代碼中設置斷點,此時可以想象一下,程序的執行是順序的,可能懷疑某個地方的代碼出了問題(引發bug),那麽就在這段代碼開始的地方,比如是這個方法的第一行,或者循環的開始部分,設置一個斷點。那麽程序在調試時會在運行到斷點時終止,接下來可以一行一行地執行代碼,判斷執行順序是否是自己預期的,或者變量的值是否和自己想的一樣。

設置斷點的方法非常簡單,比如想對框中(運行到)表示的行設置斷點,就單擊該行左側圈的位置,如圖1-43所示。

技術分享圖片


圖1-43 單擊該行左側圈的位置


單擊後會出現斷點標誌,如圖1-44所示。

然後運行代碼,比如使用“Command+Enter”命令,這時將運行代碼,並且停止在斷點處,如圖1-45所示。

技術分享圖片


圖1-44 出現斷點標誌 


技術分享圖片


圖1-45 停止在斷點處


可以通過“Shift+Command+Y”命令調出調試對話框,如圖1-46所示。

圖1-46 調試對話框

這和其他語言IDE工具的界面大同小異,因為都具有類似的功能。下面是主要命令的具體說明。

技術分享圖片


通過調試工具,可以對應用做全面和細致的調試。


1.3 使用Xcode 9幫助系統

在Mac中使用Xcode 9進行iOS開發時,難免會遇到很多API、類和函數等資料的查詢操作,此時可以利用Xcode自帶的幫助文檔系統進行學習並解決我們的問題。使用Xcode 9幫助系統的方式有如下3種。

(1)使用“快速幫助面板”

在本文1.2中已經介紹了使用“快速幫助面板”的方法,只需將鼠標放在源代碼中的某個類或函數上,即可在“快速幫助面板”中彈出幫助信息,如圖1-47所示。

技術分享圖片


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


此時單擊右下角中的“View Controller Catalog for iOSView Controller”後會在新界面中顯示詳細信息,如圖1-48所示。

(2)使用搜索功能

在圖1-48中的幫助系統中,我們可以在頂部文本框中輸入一個關鍵字,即可在下方展示對應的知識點信息。例如輸入關鍵字“NSString”後的效果如圖1-49所示。

技術分享圖片


圖1-48 詳細幫助信息

技術分享圖片


圖1-49 輸入關鍵字“NSString”後的效果

(3)使用編輯區的快速幫助

在某個程序文件的代碼編輯界面,按下Option鍵後,當將鼠標光標移動到某個類上時,光標會變為問號,此時單擊鼠標左鍵就會彈出懸浮樣式的快速幫助信息,顯示對應的接口文件和參考文檔。

當單擊打開文檔名時,會彈出幫助界面顯示相關的幫助信息。

本文摘自《iOS 11 開發指南》


技術分享圖片

《iOS 11開發指南》
管蕾 著

點擊封面購買紙書

基於全新的iOS 11進行講解,演示iOS11的新特性 ;Objective-C和Swift雙語講解,全新的Swift 4.0實例演示 ;9小時的視頻講解,230多個典型實例和兩個綜合性實例,幫助讀者盡快上手開發 。

本書內容全面,本書循序漸進地講解了iOS 11應用開發的知識。幾乎涵蓋了iOS 11應用開發所需要的主要內容,適合iOS開發初學者和iOS程序員學習,也可以作為相關培訓學校和高校相關專業的教學用書。

延伸推薦

技術分享圖片

點擊關鍵詞閱讀更多新書:
Python|機器學習|Kotlin|Java|移動開發|機器人|有獎活動|Web前端|書單

技術分享圖片

在“異步圖書”後臺回復“關註”,即可免費獲得2000門在線視頻課程;推薦朋友關註根據提示獲取贈書鏈接,免費得異步圖書一本。趕緊來參加哦!
點擊閱讀原文,查看本書更多信息
掃一掃上方二維碼,回復“關註”參與活動!

技術分享圖片
點擊下方閱讀原文,直接參與活動


閱讀原文


30分鐘學會iOS 11開發環境xcode 9圖文教程