?
?上個(gè)月入手MBP,感覺超好。也對(duì)IOS開發(fā)產(chǎn)生了興趣。
?
索性利用空閑時(shí)間學(xué)習(xí)下IOS開發(fā)。并通過日志將學(xué)習(xí)筆記記錄下來,供大家一起分享。
?
IOS開發(fā)環(huán)境:Xcode 4.4.1、IOS 5.1 Library
?
Hello World 效果圖:
?
?
coding start!
?
1.啟動(dòng)我們的Xcode軟件,在彈出的歡迎對(duì)話框中選擇Create a new Xcode project,Xcode會(huì)顯示不同的項(xiàng)目模板供我們選擇,我們選擇Single View Application,點(diǎn)擊next。
?
接下來會(huì)彈出另一個(gè)窗口,輸入項(xiàng)目的所有必要信息。
?
輸入選項(xiàng)如下:
Product Name: ?HelloWorld ? - 應(yīng)用程序的名稱
?
Organization Name: ?劉鵬 - 個(gè)人開發(fā)者,寫上名字就OK了
?
Company Identifier: com.appcode ? - 通常將域名反寫
?
Class Prefix: HelloWorld ?- Xcode 會(huì)自動(dòng)使用類前綴命名類。將來,你可以選擇你自己的前綴名稱,或者讓它為空。
?
Device: iPhone - 針對(duì)本項(xiàng)目?jī)H選擇iPhone
?
Use Storyboards : 【不選擇】 - 不必選擇,對(duì)于這個(gè)簡(jiǎn)單的項(xiàng)目不必使用
?
Use Automatic Reference Counting : 【選擇】 - 默認(rèn)情況下,啟動(dòng)這一選項(xiàng)
?
Include Unit Tests : 【不選擇】 - 當(dāng)前,不必使用單元測(cè)試類
?
點(diǎn)擊next繼續(xù),Xcode會(huì)問題在哪里保存HelloWorld項(xiàng)目,選擇Mac中任何目錄。
?
這是你會(huì)注意到有一個(gè)選項(xiàng)為Source Control, 不必選擇。點(diǎn)擊Create繼續(xù)。
?
在你確認(rèn)之后,Xcode基于你的選擇,自動(dòng)創(chuàng)建HelloWorld項(xiàng)目,界面如下所示:
?
?
下面是一張Xcode工作環(huán)境圖,我會(huì)稍微介紹下Xcode開發(fā)工具
?
在左側(cè)面板,是項(xiàng)目導(dǎo)航欄。這這一區(qū)域,你可以發(fā)現(xiàn)所有項(xiàng)目文件
?
Xcode工作區(qū)域的中間部分是編輯區(qū)域。根據(jù)選擇的文件類型,你在此區(qū)域進(jìn)行所有的編輯工作(如編輯項(xiàng)目設(shè)置、類文件、用戶界面等等)。
?
最右側(cè)的面板是工作區(qū)域(Utility Area)。 這一區(qū)域顯示了文件屬性,并允許你訪問快讀幫助(Quick Help)。
?
最后,是工具條部分。工具條提供了不同的功能,讓你運(yùn)行你的應(yīng)用程序,切換編輯區(qū)和工作區(qū)視圖等等。
?
2.第一次運(yùn)行你的應(yīng)用程序
?
即使你沒有編寫任何代碼,你可以在模擬器中運(yùn)行你的應(yīng)用程序。
?
點(diǎn)擊工具欄中的Run按鈕。
?
Xcode自動(dòng)構(gòu)建應(yīng)用程序,并在模擬器中運(yùn)行,下面是模擬器的運(yùn)行界面
?
3.coding?
?
OK,現(xiàn)在繼續(xù),開始在應(yīng)用程序中添加Hello World按鈕。
?
在應(yīng)用程序?qū)Ш浇缑妫x擇 H elloWorldViewController.xib
?
此時(shí)編輯器變?yōu)?Interface Builder ,并顯示應(yīng)用程序的空白視圖
?
在工具區(qū)域(Utility Area),顯示Object library(對(duì)象庫(kù)) ?.?
?
我們選擇Round Rect Button ?這個(gè)UI空間,將其拖動(dòng)到視圖上的中間位置。
?
雙擊改按鈕,命名為 Hello World。
?
再次運(yùn)行App,你將看到如下效果。
?
?
現(xiàn)在,如果你點(diǎn)擊該按鈕,沒有任何效果。
?
4.編寫H ello World 按鈕的代碼
?
在項(xiàng)目導(dǎo)航中,選擇HelloWorldViewController.h 文件,編輯器現(xiàn)在顯示所選文件的源代碼。
?
在@end 代碼行前面添加如下一行代碼:
?
- (IBAction)showMessage;
?
接著,選擇HelloWorldViewController.m 文件,并在 @end代碼行前面, 插入如下代碼:
?
?
- ( IBAction )showMessage
{
? ? UIAlertView *helloWorldAlert = [[ UIAlertView alloc ] initWithTitle : @"My First App" message : @"Hello, World" delegate : nil cancelButtonTitle : @"OK" otherButtonTitles : nil ];
?
? ? //Display the Hello Message
?
? ? [helloWorldAlert show ];
}
?
?
5.連接Hello World 按鈕和 Action方法
?
現(xiàn)在,我們需要將Hello World 按鈕和剛剛加入的方法 - showMessage 建立連接。選擇 HelloWorldViewController.xib文件,返回 Interface Builder 窗口, 按下Control鍵,并點(diǎn)擊 Hello World按鈕,拖拽到 File‘s Owner 圖標(biāo)上。
?
?
6.檢查已建立的連接
?
經(jīng)過Xcode界面的一些列拖拽操作后,可能錯(cuò)誤的創(chuàng)建了一些不需要的連接,導(dǎo)致App無法正常運(yùn)行。
?
(1)選擇一個(gè)需要檢查的對(duì)象,如Button,打開工具區(qū)域 - Connections Inspector (連接檢查器)窗口,檢查連接信息。
?
(2)另外一種方法是,右擊 Interface Builder 編輯器后者文檔大綱區(qū)(Document Outline)中的任何對(duì)象,如View Controller 或 File's Owner, 可打開快速檢查器(Quick Inspector),將彈出一個(gè)浮動(dòng)窗口
?
?
7.測(cè)試你的應(yīng)用程序
?
好啦,你現(xiàn)在可以開始測(cè)試你的第一個(gè)App了。點(diǎn)擊Run按鈕,如果一切正常,你的App將運(yùn)行在模擬器中。如下所示:
?恭喜你,你已經(jīng)完成了你的第一個(gè)iPhone App。
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
