一.項(xiàng)目文件

導(dǎo)航視圖

我們從上到下看看這些文件是干嘛的。

• Hello World
  這是第一個(gè)文件夾，以項(xiàng)目名來(lái)命名，許多工作都要在這個(gè)文件夾中完成。它包含了應(yīng)用的大部分代碼以及用戶界面文件夾，我們可以在這個(gè)文件夾下創(chuàng)建任意個(gè)子文件夾，甚至可以使用其他分組代替這個(gè)默認(rèn)的文件夾，從而更好地組織代碼。
  其中，里面的Main.storyboard包含了項(xiàng)目主視圖控制器用到的用戶界面元素。
• Hello WorldTests
  包含項(xiàng)目中必需的源代碼文件和資源文件。
  Info.plist：包含了應(yīng)用程序的重要信息，例如名稱，對(duì)運(yùn)行的設(shè)備規(guī)格是否有要求，等等。
  main.m：通常不需要編輯或者修改。
• Hello WorldUITests
  用于編寫(xiě)一些單元測(cè)試代碼，文件夾內(nèi)包含了所需的初始化文件。
• Products：包含構(gòu)建項(xiàng)目時(shí)生成的應(yīng)用。Hello World.app即這個(gè)項(xiàng)目構(gòu)建的文件，為紅色即這個(gè)文件不存在。

二.Interface

StoryBoard里面有View Controller(視圖控制器)、First Responder(第一響應(yīng)者)和Exit。

• 視圖控制器代表一個(gè)控制器對(duì)象，會(huì)從文件中加載控制器以及相關(guān)的視圖。它的任務(wù)是管理用戶在屏幕上看到的內(nèi)容。一個(gè)應(yīng)用程序通常有多個(gè)視圖控制器，每個(gè)界面各一個(gè)。也可以編寫(xiě)僅有一個(gè)界面的應(yīng)用程序，這樣就僅有一個(gè)視圖控制器。
• 第一響應(yīng)者即用戶當(dāng)前正在交互的對(duì)象。如果用戶正在向一個(gè)文本框輸入數(shù)據(jù)，則該文本框就是當(dāng)前的第一響應(yīng)者。他會(huì)隨著用戶與用戶界面的交互而變化，不需要編寫(xiě)代碼來(lái)判斷哪個(gè)控件（或視圖）是第一響應(yīng)者。

三.資源庫(kù)

包含了4個(gè)部分：

• 文件模板庫(kù)：包含一些文件模板，可以通過(guò)它們向項(xiàng)目中添加新文件。
• 代碼片段庫(kù)：包含一些代碼片段，可以直接把它們拖到源代碼中使用。
• 對(duì)象庫(kù)：包括各種可重用對(duì)象，如文本框、標(biāo)簽、滑塊、按鈕等用來(lái)設(shè)計(jì)iOS界面的對(duì)象。
• 媒體庫(kù)：包含用戶的所有媒體文件，有圖片、聲音以及影片文件等。

• 底部搜索框：可以搜索任何想要的控件

  
  
  資源庫(kù)的四個(gè)部分

四.添加標(biāo)簽

將label直接拖動(dòng)到View Controller中央。

這樣就完成了我們的Hello World啦！

五.交互

在ViewController.h中，我們需要定義一個(gè)Button：

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

@property  (weak, nonatomic) IBOutlet UIButton *myButton;

- (IBAction) doSomething;

- (IBAction) doSomething: (id)sender;

@end

其中，sender的作用是獲得觸發(fā)該方法的對(duì)象。

打開(kāi)Assistant Editor

首先，在storyboard里面新建left和right的button控件，右鍵至ViewController.h當(dāng)中，即可新建一個(gè)按鍵控件類。然后再右鍵至doSomething方法中，表明這個(gè)按鍵和該方法建立了連接。

在ViewController.m里聲明實(shí)現(xiàn)方法。

- (IBAction) doSomething:(id)sender
{
    //獲得控件的名稱
    NSString *title = [sender titleForState: UIControlStateNormal];
    //label要顯示的內(nèi)容
    NSString *plainText = [NSString stringWithFormat: @"%@ button pressed.", title];
    _stausLabel.text = plainText;
}

2.限制布局

我們用右鍵，從View拖到對(duì)應(yīng)的子控件去控制其約束。

選中對(duì)應(yīng)的子控件后，點(diǎn)擊相應(yīng)的方法，Horizontally即水平居中，Vertically即垂直居中。

同理，兩個(gè)按鈕也是這樣搞?？梢钥吹讲季志瓦@樣搞定了！

結(jié)果展示