IOS Xib控件拖拽与页面跳转实例

也想出现在这里？点击联系我~

之前一直都是用代码写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与代码建立了联系。