iOS 学习心得记录之:IBOutlet猜想

IBOutlet到底是什么?它是如何工作的?

在学习iOS开发初级阶段的时候,经常都会使用默认使用在main.storyboard上面拖拽控件的方式来搭建界面。看起来很方便,实则让我感到非常困惑。

比如在main.storyboard上搭建了一个按钮UIButton。


iOS 学习心得记录之:IBOutlet猜想_第1张图片

当需要获得到这个按钮的控制权的时候,我们会在main.storyboard界面激活的基础上打开 assistant editors mode。以便建立main.storyboard和它对应的ViewController之间的关系。也就是所谓的IBOutlet连线。(IBOutlet = interface builder 出口?)


iOS 学习心得记录之:IBOutlet猜想_第2张图片

下一步,需要在main.storyboard里选中我们需要被VC控制的控件,被按住control键 + 鼠标拖动,在UIViewController代码里创建出一个IBOutlet的属性。


iOS 学习心得记录之:IBOutlet猜想_第3张图片

于是,方便的我就可以在UIViewController的.m文件里直接通过self.outletProperty来访问到main.storyboard上的这个Button按钮了。


iOS 学习心得记录之:IBOutlet猜想_第4张图片

如下:


iOS 学习心得记录之:IBOutlet猜想_第5张图片

结论是:通过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是选中的状态。


iOS 学习心得记录之:IBOutlet猜想_第6张图片


这样的一种结果,是否就说明View本身就是这个main.storyboard呢?

因为没一个View肯定会对应一个UIViewController。正好view上面也有一个UIViewController的黄色按钮,那就看看UIViewController是啥。


iOS 学习心得记录之:IBOutlet猜想_第7张图片

可以发现,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值。


iOS 学习心得记录之:IBOutlet猜想_第8张图片

然后,不设定此按钮的连线。利用view是VC的属性,button又是view的subviews属性来获得此button


iOS 学习心得记录之:IBOutlet猜想_第9张图片

发现,真的获取到了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文件是一毛一样的)


iOS 学习心得记录之:IBOutlet猜想_第10张图片

结论:storyboard背部本质上是一个xml配置文件。

它配置了:

1、自己的UIViewController是哪一个

2、自己内部有哪些subviews

3、有哪些连线。(IBOutlet 表示 这个控件在subviews里创建完毕之后,还没完,要继续调用VC属性的setter方法。让VC能直接拿到在subviews内部创建的控件的控制权。)


最后放一张自己理解的图:


iOS 学习心得记录之:IBOutlet猜想_第11张图片

你可能感兴趣的:(iOS 学习心得记录之:IBOutlet猜想)