/* syntax highlight */ /* end of syntax highlight */

2010年11月23日 星期二

iphone app 開發 (六) – Hello App ‘s world !

Bookmark and Share

image

看過前幾篇的觀念之後,可以準備摩拳擦掌進入 iPhone 開發的世界啦 !

請確定你現在已經有

 

(1) 一台 Mac 電腦 (我的 Mac OS 是 10.6.4 )

(2) 一顆認真想要學習開發的心

(3) 可以測試你的 App 的裝置 (iPhone/ iPad / iPod Touch )

(4) 一些基本的程式設計基礎, 了解 class 等等觀念

 

開始吧! Action ~

 

 

步骤一:登入 Dev Center,請連到 這裡

螢幕快照 2010-11-18 下午6.23.27

 

 

步骤二:登入後,請下載 Xcode 開發整合環境

螢幕快照 2010-11-18 下午6.44.40

 

步骤三:安裝

此步驟要等約 20 分鐘才會裝完

 螢幕快照 2010-11-19 上午9.43.00

 螢幕快照 2010-11-19 上午9.57.16

 

 

步骤四:開啟 Xcode

接下來就看你安裝到哪裡,總之會有一個 Developer 資料夾,Xcode 就在裡面

有可能會在 Macintosh HD/Developer/Applications/Xcode

這邊請先選擇 Greate A new project

 螢幕快照 2010-11-19 上午10.19.39

 

步骤五:開啟一個專案

裡面有很多 project ,前面似乎都是較進階的,我們先選最基本的 “Window-based Application” ,之後,請點選 Choose

 螢幕快照 2010-11-19 上午10.22.45

 

 

步骤六:測試編譯

請點選中間有一個鎚子的按鈕,接下來等幾秒編譯,就會突然跑出一隻 iPhone ,很有趣吧 XD ,但是我們還沒有完成 Hello world , 這只是一個空殼子而已,

 螢幕快照 2010-11-19 上午10.26.21

 

 

 

步骤七:開始撰寫

請點選 Class → hello_worldAppDelegate.h → 就可以開始撰寫我們的 Hello world 了,此部份程式碼參考於 iPhone 開發教學 - 環境設置和第一支程式 Hello World 範例 這個 Blog ,所以讀者也可以兩邊交叉著來看,

 螢幕快照 2010-11-19 上午10.32.09

 

 

第一步驟:是宣告物件以及設計 Action,請打開 hello_worldAppDelegate.h  這個檔案

  1. #import <UIKit/UIKit.h>
  2. @interface hello_worldAppDelegate : NSObject <UIApplicationDelegate> {
  3.     UIWindow *window;
  4.     IBOutlet UILabel *showLabel;
  5.     IBOutlet UIButton *actionButton;
  6. }
  7. @property (nonatomic, retain) IBOutlet UIWindow *window;
  8. - (IBAction)updateLabel;
  9.  
  10. @end

 

第二步驟:是到 hello_worldAppDelegate.m 這個檔案,實作上面的 Label 與 action

  1. - (void)applicationDidReceiveMemoryWarning:(UIApplication *)application {
  2.     /*
  3.      Free up as much memory as possible by purging cached data objects ...
  4.      */
  5. }
  6.  
  7. - (void)awakeFromNib{
  8. showLabel.text=@"hello world!";
  9. }
  10.  
  11. - (IBAction)updateLabel{
  12. static int counter = 0;
  13. showLabel.text=[NSString stringWithFormat: @"Value: %d" , ++counter];
  14. }
  15.  
  16. - (void)dealloc {
  17.     [window release];
  18.     [super dealloc];
  19. }
  20.  
  21. @end

 

第三步驟:設計 UI :每次到這個步驟我總是特別興奮阿,請點選 Resources/ MainWindow.xib 這個檔案,再來會跳到 Interface Builder 這個介面,然後跳出三個視窗, MainWindow.xib、Library、Window ,如果沒看到 Library,請在上方 Tools 叫出來,這樣你就會看到下面這個狀況

 

螢幕快照 2010-11-19 上午11.27.05

 

螢幕快照 2010-11-19 上午11.22.50

 

然後請從 Library 拉出一個 Label 和一個 Round Rect Button 到 Window 裡面,可以把 Label 和  Button 都看成是一個物件,用物件的觀念來思考,你也可以點選 Label 來改變一些相關的屬性,在右邊應該會有一個 Attribute 的視窗。

  

螢幕快照 2010-11-19 上午11.29.04螢幕快照 2010-11-19 上午11.30.32

 

 

 

第四步驟:設定邏輯 :請點選 Hello World App delegate (黃色 box)  ,並按著 ctrl 拖拉,此時會拉出一條線,請把它拉到 Label 上方,然後選擇 Outlets ,請選 showLabel ,再來也一樣拖拉到 Button,但是改選 actionButton。

image 螢幕快照 2010-11-19 下午12.09.00

 

第五步驟:加入觸發事件:現在請點選 button, 然後切換到 attribute 的第二個 tab ,這邊可以讓你選擇觸發事件,那我們先選 Touch down 試試看,如下圖,從旁邊那個小圈圈拉出一條線連到前面的 Hello World App delegate 上面,然後選擇 updateLabel (之前設計的事件),如此一來應該就完成程式了,趕快存檔編譯看看!

螢幕快照 2010-11-19 下午12.13.43

 

 

步骤八:Hello App !!

如果你看到這個畫面,恭喜你成功了 ~ 這支程式會自動累加你的 count 數,滑鼠滑過去還會有內建的觸發畫面喔。

 

螢幕快照 2010-11-19 下午12.15.48 螢幕快照 2010-11-19 下午12.26.01

 

到這邊先恭喜完成一隻完整的 iPhone 程式了 (雖然沒什麼功能)

接下來要學的就是一些基本功

像是 Objective-C 的概念等等

 

版主寫的這裡其實也還是 iPhone 開發的新手,所以你會發現相對於網路上很多教學,我會把過程講的更細一點,因為看著這些教學其實自己有些地方還是要摸索阿…那如果你也有興趣學習開發 iPhone 程式的話,歡迎按右邊的按鈕來訂閱本 blog,或是加入我新開的一個 iPhone 開發的粉絲團,我們可以在上面一起討論 iPhone 開發所遇到的疑難雜症或是技術分享。謝謝!

 

如果你對 iPhone 開發也有興趣,歡迎加入我跟幾個朋友一起開的

愛瘋愛趴實驗室 粉絲團

image

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...