2015年9月3日 星期四

第一個程式:UIAlertController 製作 (1)


首先,開啟一個新的專案,在此我們用 Swift 這語言來開發:

輸入 UIButton 搜尋 Button 物件:
拖曳此 Button 至 iPhone 畫面:
將 Button 的文字改為 “Hello, World"
打開顯示 Assistant Editor,此時 UI 與其相關 Code 像是孤島,各自獨立
要讓 UI 與 Code 彼此建立關係,先按下 Control 鍵不放開,然後點選 Button,按下右鍵,拖曳至程式編輯區:
此時設定此連結關係為 Action,輸入完畢後,按下 Connect 按鈕,此時程式編輯區顯示如下:
注意到沒?系統藉由 @IBAction 這關鍵字,將 UI 與 Code 連接 connect 起來。即當你按下 Hello,World 這按鈕後,系統會執行 @IBAction 所連接的動作。在此,我們按下 Button,iPhone 會顯示 Alert Dialog 視窗。所以,我們要預先在此區塊中寫入程式:
完成後,我們要驗證所寫的程式是否是與我們的期望相同?我們可按下向右按鈕來編譯與執行:
接下來是最緊張的時刻!我們來看執行後的結果:
在 iPhone 的模擬器中,我們看到畫面上有個 Hello, World 按鈕,我們點選此按鈕,看是否會出現 Alert Dialog:
Bingo ! 我們寫的程式執行結果正如我們預期! 所以,學 iPhone / iPad 程式會很難嗎? 這不好說,但至少我們已經跨越了第一步! 後記: 希望自己能以幾張簡單的圖,引領讀者激發學習寫 iPhone 程式的興趣。很多希望入門者應該與我有相同的苦惱,閱讀 iPhone 書籍時,一邊被長長的敘述困擾,另一邊書本限於篇幅,又不能將專案的步驟以圖示來說明。學程式必須跟著做才能找到感覺,而後續還是要啃書本,讓自己更明暸細節部分。

沒有留言:

張貼留言

prettyPrint();