之前一直都是用代碼寫UI，Xib使用比較少，今天做個簡單的總結，也算重新學習下。

如下圖一，右上角的紅色圈圈，用來分屏用的，可以切換成2個屏幕，一個展示Xib的UI，一個展示代碼，如下所示。主要為了控件與代碼之間的連線用。

1. 給UIlabel ，UItextField 等控件關聯IBOutlet

選中一個控件然后右鍵，然后出現一個黑色的框（如圖2，紅色圈起來的），然后選中Referencing Outlets ，按住ctrl建，拖到代碼區域，就可以生成

@property (strong,nonatomic) IBOutletUITextField *userTextFeild; （UI與代碼就建立了連接）

然后就可以在代碼中對這些控件做控制了。

圖一

圖二

2. 給UIButton等控件關聯IBAction

選中Xib中的UIButton控件，右鍵出現下圖的屬性，選擇Touch Up Inside(UIControlEventTouchUpInside),也就是button點擊的事件屬性，然后拖到代碼中就會出現如下點擊button的事件方法，如此就建立了Xib中Uibutton與代碼建立了聯系。

- (IBAction)loginClicked:(id)sender {}

在點擊事件中，可以加入我們想要的邏輯判斷，如下

- (IBAction)loginClicked:(id)sender { if ([self.userTextFeild.text isEqualToString:@"sww"] && [self.passWordTextFeild.text isEqualToString:@"123456"]) {     NSLog(@"登陸成功");    loginSuccessViewController *_vc = [[loginSuccessViewController alloc]initWithNibName:@"loginSuccessViewController" bundle:[NSBundle mainBundle]];  [self.navigationController pushViewController:_vc animated:YES]; } else {  NSLog(@"登陸失敗"); }}

以上這篇IOS Xib控件拖拽與頁面跳轉實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持VEVB武林網。