之前一直都是用代码写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控件拖拽与页面跳转实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- iOS使用xib手动实现动画效果的方法
- iOS xib文件中添加ScrollView约束的方法
- iOS自学笔记之XIB的使用教程
- IOS xib布局小技巧-边框设置
- iOS开发UI篇—xib的简单使用实例
- 解析iOS应用的UI开发中懒加载和xib的简单使用方法
- iOS进阶之xib上控件自动生成纯代码
