Xib嵌套Xib,可视化实例

该文章为本人独创,转载请说明,谢谢合作

先上个效果图

Xib嵌套Xib,可视化实例_第1张图片

可以明显的看到 Test View 和 Test View2 都只是一个view。

但是他们现在看起来像是一个image

来,再看一下这两个view对应的xib

Xib嵌套Xib,可视化实例_第2张图片

好了废话不多说,直接上干货


第一步,创建 .h .m

Xib嵌套Xib,可视化实例_第3张图片


继承LMAutoLoadXibView这个类

Xib嵌套Xib,可视化实例_第4张图片

然后再创建xib文件

Xib嵌套Xib,可视化实例_第5张图片
Xib嵌套Xib,可视化实例_第6张图片

需要创建的东西到这里就结束了。

第二步 设置 File‘s Owner

Xib嵌套Xib,可视化实例_第7张图片

然后就可以使用了,来,测试一下,我先更改下这个view的大小,然后在这个view里放一些东西,

增加了一个image ,一个button,一个label

Xib嵌套Xib,可视化实例_第8张图片

来到Main.sb增加一个view

Xib嵌套Xib,可视化实例_第9张图片

更改一下class 然后神奇的事情就出现了,到这里基本的东西就结束了


Xib嵌套Xib,可视化实例_第10张图片

然后说一下扩展 .h文件中这样写,然后连线


Xib嵌套Xib,可视化实例_第11张图片

然后是.m

Xib嵌套Xib,可视化实例_第12张图片


然后来到Main.sb里发现右边多了这个东东,让我们来改一下试试

Xib嵌套Xib,可视化实例_第13张图片

神奇的事情出现了

Xib嵌套Xib,可视化实例_第14张图片

源代码

github链接:GitHub - Saeey/LMAutoLoadXibDemo 

参考资料:

1.使用IB_DESIGNABLE动态查看,修改Masonry纯代码布局 -    //使用IB_DESIGNABLE动态查看,修改Masonry纯代码布局

2.Nested Xib Views - 使用XIB实现嵌套自定义视图 - GeekerProbe     //使用XIB实现嵌套自定义视图

3.xib文件中加载另一个xib文件 - //xib文件中加载另一个xib文件

有任何iOS的问题都可以联系我的qq:604493843

也可以给我发邮件

你可能感兴趣的:(Xib嵌套Xib,可视化实例)