開啓蘋果app學習之旅:第一個小程序helloWord

第一步運行 Xcode 。

xcode 教程.jpg

點擊 Create a new Xcode project 。

1-15.jpg

因爲是個超級簡單的程序, 所以就選擇 應用程序模板, Single View Application .
點擊 Next 繼續.

xcode ios 7 .jpg

因爲這個是你的第一個App 程序, 所以你按照行業規定, 你人生中第一個程序必須的叫做 HelloWorld .
其他的就按照圖示填寫就可以了.

Xcode ios7.jpg

選擇一個保存你App的硬盤位置 ,這個隨便就可以啦.



點擊創建後你人生中第一個應用程序就已經完成了一大半了.  
簡單說一下 左側是文件, 中間是佈局與編輯器 , 右側是屬性.  

所以在這裏跟大家說, 如果你要學會一個事兒, 最好的辦法就是去嘗試 . 實踐出真知嘛~~~

----

現在你已經有了一個App了其實, 你可以點擊播放按鈕, 你會發現成功編譯並且在模擬器中運行了, 只是裏面啥都沒有.
ios 7 xcode.jpg



下面我們爲了能弄點小技巧讓女朋友開心. 首先我們點擊 Main.Storyboard 打開佈局界面.
xcode ios 7.jpg

你的人生中第一個App 界面就在這裏了.  我們現在要做的就是給裏面增加一個按鈕.
找到右側下方的控件區域,也叫做對象... Objects....
ios 7 xcode 5.jpg
以前叫做 Round text button. iOS 7 後就叫做 Button了. 你直接找到 Button 就可以了. 直接拖拽到中間的佈局界面內

ios 7 xcode 5-1.jpg

然後, 我們雙擊 Button 修改文字內容. 

當你改好的時候, 你就需要鼓勵一下自己, 因爲你今天不僅僅有了人生中第一個app , 也有了人生中第一個app 按鈕了.

下面你再點擊運行的時候你就會發現模擬器中有這個按鈕了, 只是點擊後沒有任何的反應.

下面我們就要做點細緻的工作了.

點擊左側的文件裏表中的 HelloWorldViewController.h 在 @end 之前加入
  1. -(IBAction)showMessage;
複製代碼


意思是程序會有一個動作就是顯示信息.

然後點擊 HelloWorldViewController.m
@end 之前加入

-(IBAction)showMessage
{

    UIAlertView *helloWorldAlert =[[UIAlertView alloc]
                                   initWithTitle:@"親愛的大寶:" message:@"I love you " delegate:nil cancelButtonTitle:@"I love you ,too." otherButtonTitles:nil];
    [helloWorldAlert show];
}


本段意思首先是要爲 showMessage這個動作賦予一些內容.
因爲是你第一個app, 所以, 就先不說那些無聊的指針啊 方法啊,類啊.
但是這裏有個建議就是爲了讓你更書序 蘋果的Objective-C 的語法建議你如上這些信息最好是看着手動輸入. 這樣才能熟能生巧. 否則光是粘貼複製,最後只能落得一場空哦.

簡單解釋一下, 如上的代碼就是告訴程序當你點擊的時候顯示 I Love you ,取消按鈕顯示 I love you , too.

好了, 代碼方面已經完成了.
那我們如何將 界面與代碼動作聯繫到一起呢?

左側點擊 Main.storyboard
還記得之前我們拖拽過來的 按鈕麼?1-17.jpg

在右側有一些系統內建的事件. 我們選擇當這個按鈕被你按下的時候 Touch Down .


直接在右側的小圓鈕拖拽到 按鈕上會顯示一個關聯的動作.


就是我們之前在程序中聲明過的 showMessage . 點擊確定即可.


好了保存. 點擊運行..


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