iPhone開發之建立簡單介面視圖的三種方式之一 使用xcode4自動產生介面

 

 剛開始學習iPhone開發，在這裡分享一關於建立簡單介面試圖的一些經驗與心得，以免日後忘記也好有個好的記錄依照。如有不足之處請指正。

            本文主要分享一下使用xcode4如何建立一個簡單的溫度轉換器，當然這裡的重點不是溫度轉換器，而是建立使用視圖的方式。作為這個系列的第一篇，將會使用最簡單的方式完成這樣一個溫度轉換器。

            在來八卦一下Xcode4，相比xcode3,xcode4有太多優秀的地方。最明顯的就是Interface builder不在是作為一個獨立的應用程式使用了，而是真正的內建到了Xcode4裡面，也就是說在也不用來回切換視圖了。其他的就不八卦了，切入正題。

1.建立Xcode工程

Xcode為我們提供很多模板，在這裡我們使用的是Navigation-based Application,然後填寫項目名字其他選項預設即可，這裡我命名為HelloWorld。

2.工程檔案分析

            建立好的工程，其他HelloWorldAppDelegate為委託類，說的簡單點就是程式委託給他來執行，查看對應的.m檔案就可以看到裡麵包含了程式啟動或者結束時候的一系列操作。

             RootViewController為控制類，主要相應控制視圖的各項操作。比如你在試圖裡面添加幾個按鈕，然後可以在控制類裡面寫相對應的實現。然後通過interface builder關聯的方式將試圖和控制類關聯起來。

3.開啟RootViewController.xib，在裡面添加兩個Label，和兩個UITextField和一個UIButton控制項，如所示

雙擊Label及Button，修改顯示的文字為圖中對應的文字。選中第一個UITextFiled,開啟Inspector，在Attributes Inspector裡面將 Keyborad修改為“Numbers and Punctuation”

因為第二個是顯示結果的所以不希望他能接受輸入，選中第二個UITextField並將其Attributes Inspector裡面的Content 裡面的Enable CheckOption勾選取消掉。這樣簡單的介面就構造好了。

4. 在RootViewController.h 裡面定義兩個UITextField控制項以及按鈕Button的相應事件。

 

@interface RootViewController : UIViewController 

{ 

    IBOutlet UITextField    *field1; 

    IBOutlet UITextField    *field2; 

} 

- (IBAction)convert:(id)sender;  

 

5.在對應的.m檔案裡面實現按鈕的convert相應

 

- (IBAction)convert:(id)sender 

{ 

    float invalue = [[field1 text]floatValue]; 

    float outvalue = (invalue - 32.0f) * 5.0f / 9.0f; 

    [field2 setText:[NSString stringWithFormat:@"%3.2f", outvalue]]; 

    [field1 resignFirstResponder];//將開啟的鍵盤隱藏起來 

}   

這樣代碼部分也順利完成了。

 

6.視圖部分設計好了，代碼也寫好了，但是如何將視圖和控制部分聯絡起來呢？interface builder提供了一種很方便的方式

在次點擊RootViewController.xib視圖，你可以看到File's Owner這樣一個方塊，右鍵點擊上去可以看到你定義的控制項以及相應的converte時間，此時你可以選中其中一個然後拖拉到視圖裡面的控制項上，這樣就可以將視圖和控制聯絡起來。

7.編譯運行程式，這樣一個溫度轉換器就完成啦。本文只是作為一個簡單的講解，並不是很嚴格的編碼，比如沒有對輸入進行嚴格的輸入判斷等。這隻是一個HelloWorld！

通過這種方式建立簡單的視圖程式，大部分都是由interface builder來完成，所以這是比較簡單的一種方式。

下篇文章將會講解如何使用完全編碼的方式建立和這個一模一樣的程式。有什麼不對的地方或者不妥的地方歡迎指正交流。

 

原創文章，轉載請著名出處。http://blog.csdn.net/everpenny/article/details/6889367