我看過很多說明的文件,但發現文件寫的再多,不如實際看錄影檔來的清楚明白,各位就看影片來寫第一支程式吧,看完影版,用同樣的作法,就可以完成第一支程式了。
我們要作的事情很簡單,畫面上方有一個「Start」字樣的文字串,中間有一個按鈕,當我按下這個按鈕後,文字就變成了 Hello World 或自已設定的字,就這樣。
有很多細節現階段是講不清楚的,第一次寫程式的時候不要想太多,按照影片的動作一樣作一次,就可以完成第一支程式了,先作完一次再來討論發生了什麼事,即使是沒寫過程式,也應該沒什麼問題的作完第一次的程式寫作,唯一看到到的是托-拉-放來建立 Outlet 與 Action 。如果沒問題,就先來完成第一支程式。
注意:
建立 Outlet 與 Action 時,需按下 Control 再拖拉放View 編輯器上的元件
如果你順利完成了第一支程式,我們來簡單回顧一下,我們自已建立的程式碼部份。
首先從專案部份談起,我們建立了一個 Singel View 的程式,然後一路完成專案,在眾多的檔案中,我們修改了三個檔案
MainStoryboard.storyboard
xxxxxViewController.h
xxxxxViewController.m
xxxxx代表你的名子
首先 .storyboard 檔就是介面設計檔,介面設計檔也有可能叫做 .xib 而 .storyboard 是新版的介設計檔也就是他決定使用者看到什麼,在編輯時,就是拉下一些Button 或 Label 等。它是單純的介面編輯器,不會給你任何的介面碼顯示。
.h 與 .m 就是Objective C 的標題檔與實作檔。與大多數依 C 語言發展的程式語言一樣,標題檔包含了類別、方法、巨集、常數等的宣告,而實作檔就存放了程式的實作邏輯等。
我們實際作的東西也不多,我們作了幾個動作
- 編輯 Story Board,加入了一個 Button 與 Label
- 把 Label 用 Control + 拖拉放的方式拖到 .h 標題檔建立了一個 IBOutlet,取名叫 DisplayLabel
- 把 Button 用 Control + 拖拉放的方式拖到 .m 的實作檔建立了一個 IBAction
- 在IBAction 中輸入了以下程式碼self.DisplayLabel.text = @”Hello World”;
- 完成
於是我們就完成了第一支程式,其中特別要說明兩個東西,IBOutlet 與 IBAction。
IBOutlet 是介面設計中,程式對應的出入口,全名應該是 Interface Builder Outlet ,實作程式可以利用這個出口來顯示想要輸出的資訊。
IBAction 是介面計中,當使用者做了一些動作後,所應該要做的動作,也就是 Interface Builder Action。 所有對介面動作的回應,都會寫在這個區段當中。
有一個 IBAction 就會有一個 Target 的 method 即使是空的,也要有才會成立,它的作用只是建立 Interface Builder 與程式碼的關連,要求它在適時的發出對程式碼的 Message, 以進行接下來的實作。
留言列表