5/30/2011

[iPhone] Hello iPhone 使用Interface Builder

      自從上篇已經說明直接從程式碼建立iphone應用程式,不過隨著工具的進步與應用程式越來越複雜,也因此使用Interface Builder是件很方便的事,善用Interface Builder,可以大幅提升開發效率,回想anroid開發還要先撰寫xml code佈局界面,哈~原來iphone開發還真簡單(笑).


1.透過xcode的精靈產生view based application


2.點選MainWindow.xib就會看到下面的顯示畫面


3.打開View並加入元件UILabel & Button

4.點選UILabel,可以看出class灰色字樣的話,表示使用Cocoa Touch Framework類別,並在右邊的視窗(Tools->Library)點選Library中可以看出這個類別的繼承關係,如果要改變繼承關係可以選則Inheritance,然後輸入此類別的父類別

5.當需要在某個類別裡"存取"xib 裡面的某個視覺元件的話,則需要設定此元件的Outlet,也就是定義id, Outlet就是一個類別的屬性,而這個屬性會對應至畫面上的一個物件,故分別加入 UILabel & Button 的id.


6.加入一個處理按鈕事件的動作,請在視窗切換到Actions,並輸入clickbutton,當按下時 clickbutton事件發生,WP7與Android觀念均同


 7. 查詢剛剛建立的Outlet與Actions是否有出現在 HelloWorldViewController.xib中,點選File's Owner,點選,便得知已經加入一個屬性與一個方法.


8.建立關連性,把myLabel拉至畫面上的Label,把clickButton Actions拉至Button,並選擇 Button 其中的 Touch Up Inside 方法,

9.產生類別程式碼,把剛剛在Interface Builder 裡建立的改變,變動更新至程式碼
Interface Builder裡面的File->Write Class Files , 須注意要點選File's Owner,才會顯示如下,並且視窗會顯示要不要覆蓋

10.加入處理事件的程式碼


11.執行結果











沒有留言:

張貼留言

請留言~一起討論吧~