使用XIB实现嵌套自定义视图
在进行iOS
开发的过程中,对于一些复杂的界面,我们可以通过Interface Builder
这个Xcode
集成的可视化界面编辑工具在完成,这回节省大部分时间以及代码量。它的使用方法这里不做介绍了,这次我要介绍是使用它来实现一个嵌套的自定义视图。解释一下就是,我们使用IB
自定义了一个View
,然后又在其他的xib
文件中使用了这个View
,那么这就是所谓的嵌套自定义视图。之所以要介绍它,是因为我自己在使用它的时候遇到了一些问题,一方面写下来做个记录供自己查看,另一方面我相信大家在使用的时候应该也会遇到这样的问题,方便大家。
Question
首先我们创建一个SingleView
的工程,项目使用StoryBoard
,(使用Xib
也无所谓,因为有些老的项目可能还没有使用到StoryBoard
),然后创建一个CustomView
作为我们的自定义视图。
有时对于复杂的界面我们可能会拆分出来对它进行单独处理,又有可能它的界面布局很复杂,这时我们就会用Interface Builder
对它的布局进行处理。这里的CustomView
就是这样一个视图,所以我们为它创建一个xib
文件,我们通常的作法就是把xib
中的View
的custom class
更改为我们的CustomView
。
接下来对我们的界面进行布局,并连接输出口,编写响应逻辑,这里我放了一个ImageView
和一个Label
在这里,并把View
的背景色设置为浅灰色。
自定义的View
制作完成,回到我们ViewController
的xib
文件,拖入两个View
并把他们的custom
更改为
classCustomView
。
这时,我们算是工作做完了,运行程序,结果悲剧了,怎么不是我们想要的结果,为什么只生成了两个空白的视图,我们视图上的图片和文字哪里去了?
在CustomView
中的awakeFromeNib
方法中增加断点调试发现,在CustomView
初始化完成后,ImageView
和Label
并没有被初始化,他们仍然是nil
。这就是在嵌套使用xib
自定义视图时非常容易出现的问题,我们觉得被嵌套的视图能够正常显示出来,但是实际上它并没有被按照我们在xib
上指定的方式被初始化。
Solution
那么如何解决这种问题,以及这种问题又是如何出现的呢?其实这主要是由于我们对xib
文件的加载原理不熟悉所导致的,我们以为定义一个View
,创建一个xib
文件并布局好它的子视图,让后将它使用在另外一个xib
文件中,把custom class
改成它,然后xib
的加载系统会自动为我们做好其余的一切。其实并不是这样的。
这样做xib
加载系统只会为我们创建一个CustomView
的对象,但这并不包括CustomView
所对应的xib
文件中的部分,所以只创建了一个空白的View
。
解决他们有两种方式,不过最终的思路都是通过代码强制使CustomView
的xib
部分被加载。第一种是通过代码创建CustomView
的对象,然后addSubview
到viewController
的view
上。第二种是在CustomView
的实现文件里,通过重载一些方法,来完成加载xib
文件。
这两种方法各有利弊,第一种使用起来方便也好理解,但是当嵌套的层级比较多的时候或者一个View
中有多个这样的CustomView
时,这种方式就会显得过于麻烦。而第二种虽然理解起来有些难度,但是当你处理好之后,直接在需要的xib
文件中拖入view
,改个custom class
,就能直接生成需要的对象了,并且也能够在xib
中对他们进行直接布局,不再需要用代码去布局了。
NO 1.
先来介绍第一种方法,很简单,就是找到xib
文件,生成对象,设置属性,addsubview
到视图上。
NO 2.
第二种方法是通过重载initWithCoder
方法来实现,因为通过xib
来创建一个对象会调用到这个方法,所以我们需要在这个方法里做一些处理,把这个CustomView
的xib
中的内容加载进来,这时同样是需要通过代码来来加载,首先附上代码
|
此外,还要这里的输出口以及设置custom class
的位置跟第一种方式有所不同,这里需要取消掉xib
中view
的custom class
,再将跟它连接的图片与文字的输出口取消掉,在这里这个view
只是被当做一个容器来处理,它跟Customview
没有直接关系,它将来会被addSubview
到CustomView
上,除此之外还要把xib
的File's
的
owercustom class
改成CustomView
,表示这个xib
文件的持有者是CustomView
。再把它与图片和文字通过输出口连接起来。
这个时候在运行程序就看到了我们想要的结果了。_^
其实想要实现第二种解决方案所要的效果,还有一种方式,它是通过重载awakeAfterUsingCoder:
方法来实现的,这个方法的返回值会替换掉真正的加载对象,所以在具体的加载CustomView
的方式又与第一种相同,所以xib
的输出口连接与custom class
的设置也与第一种解决方案相同。不过这种方式是更复杂也更难于理解的,不推荐使用,因为上一个方法就能很好的解决这个问题了,这里只是贴出这个方法的代码,有想仔细研究的请参看文章底部的参考文章。
|
参考资料
使用XIB实现嵌套自定义视图的更多相关文章
- iOS-xib(使用XIB实现嵌套自定义视图)
参考:http://wtlucky.github.io/geekerprobe/blog/2014/08/10/nested-xib-views/?utm_source=tuicool 因为主要练习x ...
- XIB自定义视图的整理
- (void)setAppInfo:(AppInfo *)appInfo { _appInfo = appInfo; _icon.image = appInfo.image; _label.text ...
- 【转】ANDROID自定义视图——onMeasure,MeasureSpec源码 流程 思路详解
原文地址:http://blog.csdn.net/a396901990/article/details/36475213 简介: 在自定义view的时候,其实很简单,只需要知道3步骤: 1.测量—— ...
- iOS 开发 Xib 的嵌套使用
最近公司项目需要使用 Xib 中嵌套 Xib来布局界面的, 研究了很久才实现!!! 分享给大家,希望帮助到更多的开发者...... 开发中自定义界面有两种方式 一: 纯代码实现 适合单个极度复杂的界面 ...
- ANDROID自定义视图——onMeasure,MeasureSpec源码 流程 思路详解
简介: 在自定义view的时候,其实很简单,只需要知道3步骤: 1.测量--onMeasure():决定View的大小 2.布局--onLayout():决定View在ViewGroup中的位置 3. ...
- 《连载 | 物联网框架ServerSuperIO教程》- 13.自定义视图显示接口开发,满足不同的显示需求
1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架Serve ...
- Android中的自定义视图控件
简介 当现有控件不能满足需求时,就需要自定义控件. 自定义控件属性 自定义控件首先要继承自View,重写两个构造函数. 第一个是代码中使用的: public MyRect(Context contex ...
- 自定义视图引擎,实现MVC主题快速切换
一个网站的主题包括布局,色调,内容展示等,每种主题在某些方面应该或多或少不一样的,否则就不能称之为不同的主题了.每一个网站至少都有一个主题,我这里称之为默认主题,也就是我们平常开发设计网站时的一个固定 ...
- SpringMVC自定义视图 Excel视图和PDF视图
一.自定义视图-Excel视图 1.Maven依赖 引入POI <dependency> <groupId>org.apache.poi</groupId> < ...
随机推荐
- 【HAOI2009】毛毛虫
题面 题目描述 对于一棵树,我们可以将某条链和与该链相连的边抽出来,看上去就象成一个毛毛虫,点数越多,毛毛虫就越大.例如下图左边的树(图 1 )抽出一部分就变成了右边的一个毛毛虫了(图 2 ). 输入 ...
- HDU5919:Sequence II
题面 Vjudge Sol 给一个数列,有m个询问,每次问数列[l,r]区间中所有数的第一次出现的位置的中位数是多少,强制在线 主席树 询问区间内不同的数的个数 树上二分找到那个中位数 # inclu ...
- [BZOJ2503][HAOI2006]均分数据
BZOJ Luogu sol 如果已经确定了一个序列,现要求把这个序列分成m个连续段作为答案,那么就可以用一个显而易见的DP DP显然可以得到当前序列下的最优解. 所以模拟退火瞎JB改一改序列每次DP ...
- Vue-路由配置和使用步骤整理
介绍 路由:控制组件之间的跳转,不会实现请求.不用页面刷新,直接跳转-切换组件>>> 安装 本地环境安装路由插件vue-router: cnpm install vue-rou ...
- Ansible学习总结(1)
---恢复内容开始--- 1. Ansible概述 ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric) ...
- win8.1下无法运行vc++6.0的解决方法
参考网址: http://wenku.baidu.com/link?url=A6mzeCDLNW1vCV7Vm5p83jqSzguiOFlH5FX-7kdN9NJXS_ORXYuaVDn1Prnz_F ...
- celery学习之入门
Celery 简介 Celery 是一个简单.灵活且可靠的,处理大量消息的分布式系统,并且提供维护这样一个系统的必需工具.它是一个专注于实时处理的任务队列,同时也支持任务调度. broker:一个消息 ...
- 软件质量与测试--第二周作业 WordCount
github地址: https://github.com/wzfhuster/software_test_tasks psp表格: PSP2.1 PSP 阶段 预估耗时 (分钟) 实际耗时 (分钟) ...
- Cucumber 行为驱动开发简介
Cucumber 是一个能够理解用普通语言 描述的测试用例的支持行为驱动开发(BDD)的自动化测试工具,用Ruby编写,支持Java和.Net等多种开发语言. 现在看看Cucumber中用到的术语 . ...
- 正则表达式入门+实战(c#实现)
如果有人和你说,如果不将字符串转换为数字,你要如何判断字符串是否由全数字组成?把字符串拆成char数组,然后放入一个循环,来判断每个char是否为数字?那你要如何判断手机号是否合法?IP是否合法呢?把 ...