iPhone開發入門(4)—應用程序開發的第一步

博主:易飛揚 原文鏈接 : http://www.yifeiyang.net/iphone-development-introduction-4-the-first-step-in-application-development/ 轉載請保留上面文字。

iPhone開發入門(4)---應用程序開發的第一步

這一回開始,介紹一下實際的iPhone應用程序開發的步驟。

創建Xcode工程

現在就讓我們開始第一個iPhone應用程序吧。啓動Xcode,在Xcode的菜單中點擊「文件」→「新項目...」。

View-Based Application

 

從模板中選擇「View-Based Application」

模板選擇「View-Based Application」。這回取得開發例子是已經登錄到App Store的一款應用程序「BargainSale」,它是自動計算打折後價格的一款應用程序。取名爲「BargainSale」後,選擇保存。

保存之後,會基於選擇的模板生成工程與源代碼文件。我們來看看都有哪些。

源代碼文件

View-Based Application

 

左邊的Classes目錄中保存了自動生成的.h和.m文件。他們是Objective-C語言的頭文件和源代碼文件。

XIB文件

XIB文件是記錄應用程序畫面構成和配置的文件。位於Resources目錄下。用Cocoa Touch來開發程序,編輯XIB文件是最基本的。編輯XIB文件的時候,使用「Interface Builder」可以在畫面上簡單,隨意的拖動各種控件。

XIB文件與Interface Builder

 

XIB文件與Interface Builder

資源文件

其他爲了製作應用程序的文件都是資源文件。XIB文件也是資源文件的一種,因爲比較重要,就單獨羅列出來了。比較簡單的應用程序也許不需要什麼資源文件,但是隨着程序的複雜度提升,做好資源文件的管理也很重要。

Interface Builder

前面已經說到了用Xcode附帶的「Interface Builder」來編輯XIB文件。在Xcode中雙擊XIB文件,就會自動啓動Interface Builder。

Interface Builder啓動之後,點擊Tools→Library可以打開標準容器庫幫助。這裏羅列了 Cocoa Touch 開發時用到的各種組件。通過 Library→Cocoa Touch Plugin→Inputs & Values,可以更加深入的瞭解各種組件的使用。

Interface Builder

 

由菜單選擇程序庫

比如,表示文字的Label控件,Round Rect Button按鈕,Text Field 文字框。你可以選擇喜歡的控件拖動到你的配置中。

InterfaceBuilder & Library

 

配置控件

標籤

首先我們來使用表示文字用的「Label」控件。

Label

 

Label控件

起初控件缺省的顯示Label幾個字母,這裏我們雙擊它,將其改爲「123456789」。

Label

 

Text Field

接下來,我們將「Text Field」控件拖動到View視圖上。

Text Field

 

Text Field

這裏的Text Field在實際iPhone使用的時候,單擊它就會彈出鍵盤。標準的鍵盤是輸入文字的,這裏因爲只是輸入價格,所以限定爲數字鍵盤。

Text Field

 

如果你想更改Text Field的缺省設定,點擊Interface Builder菜單欄的Tools→Inspector。

Inspector

 

Inspector

在Inspector內,你可以更改各種控件的屬性。

Inspector

 

Inspector的上部有4個並排的tab按鈕。設定控件屬性的時候,選擇最左邊的tab。這裏Text Field只需要輸入數字,所以將鍵盤種類「Keyboard Type」選擇爲「Number Pad」就好了。

Inspector

 

KeyBoard Type

Segmented Control

Segmented Control是一個多選一的按鈕。這裏,我們使用它來表示各種折扣的比率。

Segmented Control

 

Segmented Control

配置好了,就可以設定不同的選擇。首先設置4種折扣率。在Inspector的「Segments」中選擇4。

Segmented Control

 

接下來,設定不同折扣的比率。在Segmented Control控件的不同按鈕上雙擊,設定折扣文字。

Segmented Control

 

編譯與測試

到這裏爲止,我們已經配置了最基本的控件。也許你會留意到這些控件都被放到屏幕的上半部了,當你運行程序的時候你就會明白其中的緣由了。先編譯一下看看。在Xcode中點擊「編譯」,並選擇保存當前工程後,就可以開始編譯了。

編譯完了之後,啓動iPhone模擬器,就可以看到我們剛剛配置好的程序界面了。注意在iPhone模擬器上,是由鼠標代替實際設備上的觸摸動作的。

單擊Segmented Control控件,選擇20%後來確認一下。或者點擊Text Field控件,鍵盤被表示出來了吧。

Applcation

 

就像剛纔在Segmented Control中設定的那樣,只有數字鍵盤表示出來了。這個鍵盤佔據了屏幕下方的領域。這也正是我們剛纔將所有的控件都配置到屏幕上方的原因。

如果你將控件配置到了屏幕的下半部分時又使用了鍵盤,那麼這些控件會被鍵盤遮蓋掉。所以當有使用鍵盤的時候,建議將控件都設置到屏幕上方,否則需要程序動態的更改控件位置,比較麻煩。


這回我們主要學習了控件的配置與使用,下一回我們將具體實現輸入價格到打折後價格的計算與表示。如下圖:

Applcation

 

相關文章

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章