IBOutlet到底是什么?它是如何工作的?
在学习iOS开发初级阶段的时候,经常都会使用默认使用在main.storyboard上面拖拽控件的方式来搭建界面。看起来很方便,实则让我感到非常困惑。
比如在main.storyboard上搭建了一个按钮UIButton。
当需要获得到这个按钮的控制权的时候,我们会在main.storyboard界面激活的基础上打开 assistant editors mode。以便建立main.storyboard和它对应的ViewController之间的关系。也就是所谓的IBOutlet连线。(IBOutlet = interface builder 出口?)
下一步,需要在main.storyboard里选中我们需要被VC控制的控件,被按住control键 + 鼠标拖动,在UIViewController代码里创建出一个IBOutlet的属性。
于是,方便的我就可以在UIViewController的.m文件里直接通过self.outletProperty来访问到main.storyboard上的这个Button按钮了。
如下:
结论是:通过IBOutlet连线的操作,UIViewController的确是控制了main.storyboard上的button控件。但让人非常困惑。
Question is : But How? & Why ?
先来看看这个 outletProperty 属性的声明格式.
@property (strong,nonatomatic) IBOutlet UIButton *outletProperty;
首先排除 IBOutlet 关键字的干扰,发现这就和普通写的属性没有什么区别。
因为我们在代码中,仅仅只是声明了这个属性,并没有在任何代码的位置去创建这个属性的初始化声明,按照我自己的理解来说。这个属性的值应该是nil才对。
那为什么现在的结果不是nil,而是main.storyboard上的button那个元素呢?
Why?
打开main.storyboard ,选中资源框里的UIViewController节点下的view节点时,会发现整个main.storyboard是选中的状态。
这样的一种结果,是否就说明View本身就是这个main.storyboard呢?
因为没一个View肯定会对应一个UIViewController。正好view上面也有一个UIViewController的黄色按钮,那就看看UIViewController是啥。
可以发现,class的值是ViewController。view又是ViewController的属性。那么整个ViewController代码结构可能是这样的。
@interface ViewController : UIViewController
//这里view就是main.storyboard
@property (strong,nonatomatic) UIVIew *view;
@end
如果上述结论成立,那我就可以通过非IBOutlet的方式来访问到main.storyboard上的控件对象了。(本质是,view作为VC的的一个属性,控件又是view的subviews集合。相当于将subviews里的元素建立了和VC间接的属性关系)
验证理论:
1、我们先在main.storyboard上给对应的控件设定tag值。
然后,不设定此按钮的连线。利用view是VC的属性,button又是view的subviews属性来获得此button
发现,真的获取到了main.storyboard上的button,且操作起来完全是使用IBOutlet的方式一模一样。
就证实了之前的猜想都是正确的。
所以就有了下面几个结论:
1、main.storyboard 界面看起来复杂,本质上就是它对应的ViewController的一个view属性
2、所谓的IBOutlet连线方式,本质上就是建立了view的subviews子元素和ViewController的间接关系
3、在深入一点,IBOutlet属性的作用,应该是告知在view的subviews实例化完成之后,还要做另外一件事情。那就是把当前属性的地址赋值给IBOutlet属性(也就是调用了IBOutlet属性默认的setter方法),以便VC能够直接控制它们。
所有的操作都是通过连线和查看属性面板来做的。看到不实际的“配置”信息,不免有点心虚。但当我打开main.storyboard 的 source code 模式。会发现storyboard的本质上就是一个xml格式的配置文件。只不过xcode 把这个xml格式文件解析并界面化了。(这一点是plist文件是一毛一样的)
结论:storyboard背部本质上是一个xml配置文件。
它配置了:
1、自己的UIViewController是哪一个
2、自己内部有哪些subviews
3、有哪些连线。(IBOutlet 表示 这个控件在subviews里创建完毕之后,还没完,要继续调用VC属性的setter方法。让VC能直接拿到在subviews内部创建的控件的控制权。)
最后放一张自己理解的图: