我希望你已經正確地配置您的開發環境包括安裝Xcode。如果你還沒有這樣做的,查看我們以前的文章去看看開始iOS編程之前你需要做的事。我們將使用Xcode 4.3.2的教程。但是,如果你不能升級到最新版本的Xcode,您也可以Xcode的4.2構建應用程序的情況下。
如果您已閱讀任何編程的書,你可能聽說過“Hello World”程序。它已成為為首次學習者創造的傳統節目。這是一個非常簡單的程序,通常顯示的設備上輸出“Hello,World”的。在本教程中,讓我們按照傳統編程路線,使用Xcode創建一個“Hello World”應用程序。盡管它是簡單,但“Hello World”程序是有幾個目的的:
· 它會讓你更關注於Objective C的語法和結構,iOS的編程語言。
· 它也給你關於Xcode環境的基本介紹。您將學習如何創建一個Xcode項目和通過內置的界面生成器創建的用戶界面。
· 您將學習如何編譯程序,構建應用程序和使用模擬器測試程序。
· 最后,它使你認為編程是不困難的。我不想嚇唬你。
來看看在你的第一個應用程序
在我們開始編寫代碼之前,讓我們先來看看在我們的版本的“Hello World”應用程序。最終界面將看起來像這樣:
你的第一個iPhone應用程序 - “世界您好”
這是非常簡單的,只顯示一個“Hello World”按鈕。點擊時,應用程序會通過一個消息提示你。就是這樣。沒有什么復雜的,但它可以幫助你開始你的iOS編程之旅。
開始編碼!
首先,啟動Xcode中。如果你已經通過Mac App Store安裝了Xcode,你應該能夠找到Xcode的啟動圖標。只要按一下Xcode圖標去啟動它。
一旦啟動,Xcode將顯示一個歡迎對話框。從這里,選擇“創建一個新的Xcode項目”來啟動一個新的項目:
Xcode中 - 歡迎對話框
Xcode中顯示你可選擇的各種項目模板。你的第一個應用程序,選擇“Single View Application(單視圖程序)”,然后單擊“下一步”。
Xcode項目模板選擇
這將帶您到另一個屏幕上填寫為您的項目所需的所有選項。
Hello World應用程序的項目選項
你可以簡單地填寫的選項,如下所示:
· Product Name(產品名稱):HelloWorld -這是你的應用程序的名稱。
· Company Identifier(公司標識):com.appcoda -它實際上是域名的反過來。如果你有一個域名,您可以使用您自己的域名。否則,你可能會使用我們的,或者只需填寫在“edu.self”。
· Class Prefix(類前綴):HelloWorld的 - ,Xcode使用自動命名類的類名的前綴。在未來,你可以選擇自己的前綴或,甚至留空白。但在本教程中,讓我們保持它的簡單和使用的“HelloWorld”。
· Device Family(設備系列):iPhone -使用“iPhone”這個項目。
· Use Storyboards使用故事板[unchecked]-不要選擇此選項。你不需要為這個簡單的項目演示板。
· Use Automatic Reference Counting(使用自動的引用計數):[checked] -默認情況下,這應該被啟用。不用管它。
· Include Unit Tests(包括單元測試):[unchecked] -不要選中此復選框。現在,你不需要單元測試類。
點擊“下一步”繼續。Xcode然后問你,你保存“Hello World”項目位置。選擇在您的Mac上的任何文件夾(例如桌面)。您可能會注意到有一個選項為Source Control(源代碼管理)。取消對它的選擇。在以后的教程中,我們將討論有關此選項。單擊“創建”繼續。
選擇一個文件夾來保存你的項目
當你確認時,Xcode會根據您所提供的所有選項自動創建“Hello World”項目。屏幕會看起來像這樣:
Hello World項目的主要Xcode的窗口
熟悉Xcode的工作區
在我們繼續編寫你創建的應用程序,讓我們花幾分鍾的時間就讓我們來看看在Xcode的工作區環境。在左窗格中,在項目導航器。在此區,你可以找到所有你的文件。
在工作區中的項目瀏覽器
在工作區的中間部分是編輯器區域。你所有的編輯事務(如編輯項目設置,類文件,用戶界面等)取決於所選擇的文件類型。
在Xcode的編輯器和實用面積
最右邊的窗格是公共區域。此區域顯示文件的屬性,並允許您訪問快速幫助。如果Xcode中不顯示此區域,您可以選擇最右邊的視圖按鈕在工具欄上去使它可見。
最后,它的工具欄。它提供了不同的功能,您可以運行您的應用程序,切換編輯器和視圖的工作區。
在工作區中的工具欄
第一時間運行你的程序
即使你沒有寫任何代碼,你可以運行你的應用程序在模擬器嘗試。這給出了一個方法,你如何在Xcode中構建和測試您的應用程序。只要按一下工具欄中的“運行”按鈕。
在Xcode中運行“按鈕
Xcode自動生成的應用程序,並在模擬器中運行它。這時模擬器看起來像:
該模擬器
灰色的屏幕,里面什么都沒有!這是正常的。由於您的應用程序是不完整的,模擬器只顯示一個空白屏幕。要終止的應用程序,只需點擊工具欄上的“停止”按鈕。
終止正在運行的應用程序
返回代碼
好吧,讓我們繼續前進,開始我們的應用程序添加的Hello World按鈕。回到Project Navigator(項目導航器)中,選中“HelloWorldViewController.xib”。
選擇HelloWorld的XIB文件
當您選擇文件時,編輯器轉到界面生成器,並象下面這樣顯示一個空的視圖:
在Xcode界面生成器
在實用區域的下部,它示出的對象庫。在這里,你可以選擇任何的UI控件,拖拽和拖放到視圖。對於Hello World應用程序,讓我們挑“圓矩形按鈕”,然后將其拖動到視圖。嘗試在視圖中心放置按鈕。
圓矩形按鈕拖動到視圖
要編輯標簽按鈕,雙擊它,將它命名為“Hello World”。
嘗試再次運行應用程序,你應該有一個這樣的應用程序:
一個按鈕的Hello World
現在,如果你輕點按鈕,什么也不做。我們將需要添加的代碼顯示的“Hello,World”消息。
編寫Hello World按鈕
在項目瀏覽器中,選擇“HelloWorldViewController.h”。現在的編輯器區域會顯示所選文件的源代碼。在”@end”行前面添加下面的代碼:
| 1
|
-(IBAction)showMessage;
|
編輯后,你的代碼應該是這樣的:
接下來,選擇“HelloWordViewController.m”的“@end”行前插入以下代碼:
- (IBAction)showMessage
{
UIAlertView *helloWorldAlert = [[UIAlertView alloc]
initWithTitle:@"My First App" message:@"Hello, World!" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil];
// Display the Hello World Message
[helloWorldAlert show];
}
編輯完成后,你的代碼應該象下面這樣:
源代碼編輯后的HelloWorldViewController
不要管Objective-C代碼的意義。在下一篇文章中,我會向你解釋。現在,只是把”showMessage”作為一個動作,這個動作指示的iOS屏幕上顯示“Hello World”消息。
連接Hello World按鈕與行為
但是,這里的問題是:
當有人點擊“Hello World”按鈕如何知道該調用哪個動作?
接下來,你需要建立“Hello World”按鈕和“你剛剛添加的”showMessage”動作之間的連接。回到Interface Builder選擇“HelloWorldViewController.xib”的文件。在鍵盤上按下並按住control鍵,單擊“Hello World”的按鈕並拖動到“File’s Owner(文件的所有者)”。您的屏幕應該是這樣的:
放開兩個按鈕,彈出一個顯示的是“'showMessage”行為。選擇它,和之前的按鈕建立連接。
活動彈出窗口發送文件的所有者
測試您的應用程序
這就是它了!現在,您已經准備好測試您的第一個應用程序。只需點擊“運行”按鈕。如果一切是正確的,你的應用程序將在模擬器上正常運行。
Hello World應用程序
恭喜!你已經建立了你的第一個iPhone應用程序。這是一個簡單的應用程序,但是,我相信你已經有一個更好的了解Xcode和如何開發一個應用程序。
在下一篇文章中,我將進一步解釋我們這里操作的Objective-C代碼以及HelloWorld應用程序如何實際工作。敬請關注。























