IOS編程淺藍教程(二) HelloWrld! 建立你的第一個iPhone應用程序


我希望你已經正確地配置您的開發環境包括安裝Xcode。如果你還沒有這樣做的,查看我們以前的文章去看看開始iOS編程之前你需要做的事。我們將使用Xcode 4.3.2的教程。但是,如果你不能升級到最新版本的Xcode,您也可以Xcode4.2構建應用程序的情況下。

如果您已閱讀任何編程的書,你可能聽說過“Hello World”程序。它已成為為首次學習者創造的傳統節目。這是一個非常簡單的程序,通常顯示的設備上輸出“HelloWorld”的。在本教程中,讓我們按照傳統編程路線,使用Xcode創建一個“Hello World”應用程序。盡管它是簡單,但“Hello World”程序是有幾個目的的:

·         它會讓你更關注於Objective C的語法和結構,iOS的編程語言。

·         它也給你關於Xcode環境的基本介紹。您將學習如何創建一個Xcode項目和通過內置的界面生成器創建的用戶界面。

·         您將學習如何編譯程序,構建應用程序和使用模擬器測試程序。

·         最后,它使你認為編程是不困難的。我不想嚇唬你。

來看看在你的第一個應用程序

在我們開始編寫代碼之前,讓我們先來看看在我們的版本的“Hello World”應用程序。最終界面將看起來像這樣:

image

你的第一個iPhone應用程序 - “世界您好

 

這是非常簡單的,只顯示一個“Hello World”按鈕。點擊時,應用程序會通過一個消息提示你。就是這樣。沒有什么復雜的,但它可以幫助你開始你的iOS編程之旅。

開始編碼!

首先,啟動Xcode中。如果你已經通過Mac App Store安裝了Xcode,你應該能夠找到Xcode的啟動圖標。只要按一下Xcode圖標去啟動它。

image

 

一旦啟動,Xcode將顯示一個歡迎對話框。從這里,選擇創建一個新的Xcode項目來啟動一個新的項目:

image

Xcode - 歡迎對話框

Xcode中顯示你可選擇的各種項目模板。你的第一個應用程序,選擇“Single View Application(單視圖程序),然后單擊下一步

image

Xcode項目模板選擇

這將帶您到另一個屏幕上填寫為您的項目所需的所有選項。

image

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(源代碼管理)。取消對它的選擇。在以后的教程中,我們將討論有關此選項。單擊創建繼續。

image

選擇一個文件夾來保存你的項目

當你確認時,Xcode會根據您所提供的所有選項自動創建“Hello World”項目。屏幕會看起來像這樣:

image

Hello World項目的主要Xcode的窗口

熟悉Xcode的工作區

在我們繼續編寫你創建的應用程序,讓我們花幾分鍾的時間就讓我們來看看在Xcode的工作區環境。在左窗格中,在項目導航器。在此區,你可以找到所有你的文件。

image 

在工作區中的項目瀏覽器

在工作區的中間部分是編輯器區域。你所有的編輯事務(如編輯項目設置,類文件,用戶界面等)取決於所選擇的文件類型。

image

Xcode的編輯器和實用面積

最右邊的窗格是公共區域。此區域顯示文件的屬性,並允許您訪問快速幫助。如果Xcode中不顯示此區域,您可以選擇最右邊的視圖按鈕在工具欄上去使它可見。

最后,它的工具欄。它提供了不同的功能,您可以運行您的應用程序,切換編輯器和視圖的工作區。

image

在工作區中的工具欄

第一時間運行你的程序

即使你沒有寫任何代碼,你可以運行你的應用程序在模擬器嘗試。這給出了一個方法,你如何在Xcode中構建和測試您的應用程序。只要按一下工具欄中的運行按鈕。

image

Xcode中運行按鈕

Xcode自動生成的應用程序,並在模擬器中運行它。這時模擬器看起來像:

image

該模擬器

灰色的屏幕,里面什么都沒有!這是正常的。由於您的應用程序是不完整的,模擬器只顯示一個空白屏幕。要終止的應用程序,只需點擊工具欄上的停止按鈕。

image

終止正在運行的應用程序

返回代碼

好吧,讓我們繼續前進,開始我們的應用程序添加的Hello World按鈕。回到Project Navigator(項目導航器)中,選中“HelloWorldViewController.xib”

image

選擇HelloWorldXIB文件

當您選擇文件時,編輯器轉到界面生成器,並象下面這樣顯示一個空的視圖:

image

Xcode界面生成器

在實用區域的下部,它示出的對象庫。在這里,你可以選擇任何的UI控件,拖拽和拖放到視圖。對於Hello World應用程序,讓我們挑圓矩形按鈕,然后將其拖動到視圖。嘗試在視圖中心放置按鈕。

image

 

圓矩形按鈕拖動到視圖

要編輯標簽按鈕,雙擊它,將它命名為“Hello World”

image

嘗試再次運行應用程序,你應該有一個這樣的應用程序:

image

一個按鈕的Hello World

 

現在,如果你輕點按鈕,什么也不做。我們將需要添加的代碼顯示的“HelloWorld”消息。

編寫Hello World按鈕

在項目瀏覽器中,選擇“HelloWorldViewController.h”。現在的編輯器區域會顯示所選文件的源代碼。在”@end”行前面添加下面的代碼:

1

 

-(IBAction)showMessage;

 

 

編輯后,你的代碼應該是這樣的:

image

 

接下來,選擇“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];
}

編輯完成后,你的代碼應該象下面這樣:

image

源代碼編輯后的HelloWorldViewController

 

不要管Objective-C代碼的意義。在下一篇文章中,我會向你解釋。現在,只是把”showMessage”作為一個動作,這個動作指示的iOS屏幕上顯示“Hello World”消息。

連接Hello World按鈕與行為

但是,這里的問題是:

當有人點擊“Hello World”按鈕如何知道該調用哪個動作?

接下來,你需要建立“Hello World”按鈕和你剛剛添加的”showMessage”動作之間的連接。回到Interface Builder選擇“HelloWorldViewController.xib”的文件。在鍵盤上按下並按住control鍵,單擊“Hello World”的按鈕並拖動到“File’s Owner(文件的所有者)”。您的屏幕應該是這樣的:

image

 

放開兩個按鈕,彈出一個顯示的是“'showMessage”行為。選擇它,和之前的按鈕建立連接。

image

活動彈出窗口發送文件的所有者

測試您的應用程序

這就是它了!現在,您已經准備好測試您的第一個應用程序。只需點擊運行按鈕。如果一切是正確的,你的應用程序將在模擬器上正常運行。

image

Hello World應用程序

恭喜!你已經建立了你的第一個iPhone應用程序。這是一個簡單的應用程序,但是,我相信你已經有一個更好的了解Xcode和如何開發一個應用程序。

在下一篇文章中,我將進一步解釋我們這里操作的Objective-C代碼以及HelloWorld應用程序如何實際工作。敬請關注。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM