廣告贊助

這是用 XCode 視覺化工具拉的,如果你只是要先玩一下,了解一下如何以最簡單的方式寫一支有按扭的 APP。我們要開始建立我們的第一個程式了,先說一下我用的軟體環境,我用來Demo 的環境是 OS X Lion 10.7.3,使用X Code 4.2 來製作我的們的第一支程式。 
  

我看過很多說明的文件,但發現文件寫的再多,不如實際看錄影檔來的清楚明白,各位就看影片來寫第一支程式吧,看完影版,用同樣的作法,就可以完成第一支程式了。

我們要作的事情很簡單,畫面上方有一個「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 語言發展的程式語言一樣,標題檔包含了類別、方法、巨集、常數等的宣告,而實作檔就存放了程式的實作邏輯等。

我們實際作的東西也不多,我們作了幾個動作

  1. 編輯 Story Board,加入了一個 Button 與 Label
  2. 把 Label 用 Control + 拖拉放的方式拖到 .h 標題檔建立了一個 IBOutlet,取名叫 DisplayLabel
  3. 把 Button 用 Control + 拖拉放的方式拖到 .m 的實作檔建立了一個 IBAction
  4. 在IBAction 中輸入了以下程式碼self.DisplayLabel.text = @”Hello World”;
  5. 完成

於是我們就完成了第一支程式,其中特別要說明兩個東西,IBOutlet 與 IBAction。

IBOutlet 是介面設計中,程式對應的出入口,全名應該是 Interface Builder Outlet ,實作程式可以利用這個出口來顯示想要輸出的資訊。

IBAction 是介面計中,當使用者做了一些動作後,所應該要做的動作,也就是 Interface Builder Action。 所有對介面動作的回應,都會寫在這個區段當中。

有一個 IBAction 就會有一個 Target 的 method 即使是空的,也要有才會成立,它的作用只是建立 Interface Builder 與程式碼的關連,要求它在適時的發出對程式碼的 Message, 以進行接下來的實作。 

文章標籤
創作者介紹

X Code Objective-C Swift 學習記錄 for iOS & macOS (OS X)

shenfive 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • SheepYoung
  • 您好 我照著上面的步驟做 可是當模擬時打開畫面是全黑 不知道是哪邊出了問題呢!?
  • 如果是全黑,就表示是建專案的問題哦,建專案請選擇 Singel View 類型,並開啟 Story Board

    shenfive 於 2013/05/21 15:02 回覆

找更多相關文章與討論
【 X 關閉 】

【痞客邦】大學生網路社群使用習慣調查

親愛的讀者,痞客邦希望能了解大學生的網路社群使用習慣,
填問卷即可抽獨家好禮喔!
(注意:關閉此視窗將不再出現)