到一個未知的世界去冒險,怎么可以不熟悉自己的武器裝備呢?況且我們現在也就Xcode這一樣裝備,攻擊防御全靠它,要是關鍵時刻使不出技能,那不gg了?
所以接下來我們會大致介紹Xcode的常用界面,並在最后展示一個常用“大招”。
功能區域
總的來說,Xcode主界面可以分為5個主要區域:“導航欄”、“編輯區”、“消息欄”、“功能欄”和“工具欄”(如下圖)
其中“導航欄”、“消息欄”和“功能欄”可以通過右上角的3個按鈕隱藏/顯示。
不妨透露一下,這3 個按鈕看上去不起眼,但其實很常用,主要是由於我們的MAC Book的屏幕太小,時常需要隱藏掉這些功能區從而方便編輯。
另外,“編輯區” 有3種不同的模式分別為“標准模式”、“輔助模式”和“版本模式”(如下圖紅框從左到右依次展示)。
目前我們只接觸過“標准模式”,稍安勿躁,馬上我們就要使一使“輔助模式”啦。
運行在模擬器/真機
在工具欄中點擊下圖紅框位置,可以選擇相應版本的iPhone虛擬機(下圖示例為iPhone8)。
如果你的電腦使用USB連接了iPhone真機,則選項中也會自動產生相應的真機選項(下圖示例為iPhone5c)。
點擊下圖紅框的按鈕即可運行。
使用按鈕
沿用上一節提到的“Hello World”工程,我們選中“導航欄”中的Main.storyboard,然后拖拽1個Button到“Hello world”的正下方(如下圖)。
注:點擊Main.storyboard后,“編輯區”會出現1個新的界面“結構欄”,該欄顯示的是storyboard上的控件結構一覽表。
不妨運行一下試試看?
“大招”來啦
現在Label有了,Button也有了,但是要怎么把這些控件通過代碼聯系起來呢?比如,我想通過點擊Button來改變Label要怎么做呢?下面即將展現Xcode的圖形化開發功能。
首次接觸到Xcode的圖形化開發功能時,我完全震驚了,作為一個只用過AS的井底Android狗,從沒想過這世上還有這么好用的IDE。正應了那句:“天外有天,狗外有狗”。廢話少說,代碼撩起。
首先,選中Main.storyboard,然后切換到輔助編輯模式,並把不必要的窗口隱藏以騰出屏幕。
在輔助編輯模式的文本編輯區切換到Automatic模式(如果已經是Automatic模式請忽略該步驟)。
在Automatic下,輔助模式會自動將左側的storyboard圖形所對應的代碼(確切來說是UIViewController)展示在右側的文本編輯區。
長按control鍵,並長按鼠標左鍵點擊label控件,然后拖拽至文本編輯區ViewController類的內部並放開鼠標。
在彈出的窗口中輸入名稱(此處為labelHelloworld),然后點擊Connect。
這樣我們的代碼里就有了Label了。
同樣使用Control拖拽的方法,我們來給Button添加點擊事件,在彈出的窗口中使用如下圖所示的配置,然后點擊Connect。
然后修改生成的buttonEvent函數(如下圖)
到此,想必你已經猜出代碼的作用了,即點擊按鈕后,“Hello world”會變成“Good Bye World”,菜鳥手下信心滿滿,於是乎。。。
咦?“Good Bye World”呢?怎么被截斷了?
源碼下載:https://pan.baidu.com/s/125Ev_jleBARJLgUSUKOlDQ