Swift之xib模块化设计
一、解决问题
Xib/Storybarod可以方便、可视化的设置约束,在开发中也越来越重要。由于Xib不能组件化,使得封装、重用都变得不可行。本文将介绍一种解决方案,来实现Xib组件化。
二、模型块原理
在介绍原理之前,我们先弄清楚两个概念:
从上图可以看出,分别选中File's Owner及根视图View,都有Custom Class属性面板。其中Class属性,有什么作用,区别又是什么呢?
2.1 View的Class属性
View的Class属性用于指定选中的视图的实例化类。Xib实际上是一个XML文件,在加载时,解析逻辑会根据XML内容,创建并设置View实例。而此处的Class就是告诉解析逻辑,想要创建什么类的实例。如果此处设置为UIButton,则解析逻辑会生成一个UIButton的实例。
2.2 File's Owner的Class属性
Feile's Owner的Class属性,大部分情况下,都为**UIViewController**及其子类。
1
|
public func loadNibNamed(name: String!, owner: AnyObject!, options: [NSObject : AnyObject]!) -> [AnyObject]! |
从上面xib的加载接口可以看出,加载Xib需要指定一个owner类的**实例**,解析逻辑并没有像**2.1**创建新实例,而是使用参数名为owner的已创建好的实例。
如果没有创建,为什么还要指定File's Owner的Class属性?
此处设置的Class属性值,主要作用是通过关键字@IBOutlet,声明有哪些属性及方法可以建立关联关系。解析逻辑会将关联视图的引用赋值给owner的对应属性,触发事件则执行owner.method()方法。目的为了在owner中,就可以方便的处理界面相关的业务逻辑。可以这样理解,File's Owner的Class,是关联接口声明,loadNibNamed传入的owner是实现。
Tips
File's Owner的Class属性,起一个声明作用,告知哪些属性及方法可以使用。
1
2
3
4
5
6
7
8
|
class ILViewController: UIViewController { @IBOutlet weak var label: UILabel! } class ILFlagController: UIViewController { @IBOutlet weak var label: UILabel! } |
既然如此(如上面代码),使用loadNibNamed方法加载Xib时,owner参数传入ILViewController实例,而Xib中File's Owner的Class却设置为ILFlagController,是否可行?答案:可行。
2.4 Xib模块化原理
在Storybarod/Xib中,与组件化有关的只有视图的Class属性。视图是由xib解析逻辑创建,所以要实现组件化,就要在此Class实例化时,自动执行加载子xib模块的功能。
三、工具类源码
为了实现xib的模块化,需要有一个小的功能类:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import UIKit @objc class ILXibView: UIView { @IBOutlet var contentView: UIView! override init(frame: CGRect) { super .init(frame: frame) self.loadView() } required init?(coder aDecoder: NSCoder) { super .init(coder: aDecoder) } override func awakeFromNib() { super .awakeFromNib() self.loadView() } private func getXibName() -> String { let clzzName = NSStringFromClass(self.classForCoder) let nameArray = clzzName.componentsSeparatedByString( "." ) var xibName = nameArray[0] if nameArray.count == 2 { xibName = nameArray[1] } return xibName } func loadView() { if self.contentView != nil { return } self.contentView = self.loadViewWithNibName(self.getXibName(), owner: self) self.contentView.frame = self.bounds self.contentView.backgroundColor = UIColor.clearColor() self.addSubview(self.contentView) } private func loadViewWithNibName(fileName: String, owner: AnyObject) -> UIView { let nibs = NSBundle.mainBundle().loadNibNamed(fileName, owner: owner, options: nil) return nibs[0] as! UIView } } |
四、实战示例
4.1 封装Xib组件
新建ILDemoView.xib、ILDemoView.swift两个文件(文件名要相同),并将ILDemoView文件的File's Owner的Class设置为ILDemoView
1
2
3
4
5
6
7
8
9
|
class ILDemoView: ILXibView { @IBOutlet weak var label: UILabel! override func awakeFromNib() { //一定要调用super super .awakeFromNib() self.label.text = "你好,中国" } } |
在xib文件中添加UILabel,并关联到ILDemoView中
4.2 使用Xib组件
新建Xib/Storyboard文件,添加一个UIView控件,并将此控件的Class属性设置为ILDemoView
Tips
使用的时候,先设置目标UIView的Class属性为ILDemoView,再将此UIView控件拖拽建立关联关系,会发现此时代码中属性类型已自动设置为ILDemoView。ILXibView简单却非常实用,我们项目中已经大量的使用它,对于Xib的模块化封装,绝对是一利器。
下载Demo:http://00red.com/download/Swift之xib模块化设计/ILXibDemo.zip
Swift之xib模块化设计的更多相关文章
- Swift - 使用xib添加新界面
除了使用storyboard外,我们还可以使用xib来设计并创建页面. 1,下面通过一个样例来演示: (1)点击主界面的“信息”按钮,页面切换到信息界面 (2)点击信息界面的“返回”,关闭信息界面,回 ...
- iOS程序模块化设计
一.模块化设计的概述: 模块化设计(Block-based design):对一定范围内的不同功能或相同功能的不同性能.不同规格的产品进行功能分析的基础上,划分并设计出一系列功能模块,通过模块的选择和 ...
- PHP--进行模块化设计
PHP--进行模块化设计 [来源] 达内 [编辑] 达内 [时间]2012-10-30 导航模块可以简单列为一个关于三级页面链接的HTML文件.通常你可以通过用另一种颜色来标明对当前区域的链 ...
- 深入浅出百度地图API开发系列(3):模块化设计
在前面两张简单介绍了百度地图API的基础知识和使用之后,我们来分析一下百度地图API的基本架构,了解一下基本架构可以帮助我们更清晰的了解API的功能和调用过程,也就可以帮助我们在实际开发中可以更方便的 ...
- iOS swift使用xib绘制UIView
目标:用xib绘制一个UIView,在某个ViewController中调用. 三个文件:ViewController.Swift DemoView.swift DemoView.xib ...
- AngularJs学习笔记7——四大特性之模块化设计
模块化设计 1.引用自定义模块并调用 自定义模块中,如果有一些服务.封装好笑模块,在另外一个模块中(声明的时候,在依赖列表中加入要引入的模块) var app02 = angular.module(' ...
- C51的模块化设计方法
一个大的单片机程序往往包含很多模块,我是这样组织的: 1.每一个C源文件都要建立一个与之名字一样的H文件(头文件),里面仅仅包括该C文件的函数的声明,其他的什么也不会有,比如变量的定义啊等等不应该有. ...
- thinkphp学习笔记5—模块化设计
原文:thinkphp学习笔记5-模块化设计 1.模块结构 完整的ThinkPHP用用围绕模块/控制器/操作设计,并支持多个入口文件盒多级控制.ThinkPHP默认PATHINFO模式,如下: htt ...
- App 组件化/模块化之路——使用SDK的思路进行模块化设计接口
在不久之前分享一篇<App 组件化/模块化之路——如何封装网络请求框架>文章介绍了我在项目中封装网络请求框架的思路.开发一个 App 会涉及到很多网络请求 API ,例如登录注册接口.用户 ...
随机推荐
- linux服务器磁盘挂载
1.先查看当前服务器挂载的磁盘个数 fdisk -l 2.将vdb磁盘挂载到/data目录下 mount /dev/vdb /data 3.df -h 检查磁盘挂载的情况
- MyBatis中的配置错误creating bean with name 'sqlSessionFactory'
错误信息如下: 警告: Exception encountered during context initialization - cancelling refresh attempt: org.sp ...
- 【2019.09.19】数独(Sudoku)游戏之我见(软工实践第三次作业)
Github项目地址:https://github.com/MokouTyan/suduku_131700101 [2019.09.20]更新:代码经过Code Quality Analysis工具的 ...
- 无法反序列化的java.util.ArrayList实例出来VALUE_STRING的(Can not deserialize instance of java.util.ArrayList out of VALUE_STRING)
解决方法: 设置DeserializationConfig.Feature.ACCEPT_SINGLE_VALUE_AS_ARRAY.问题解决.
- [转]c++ pthread 多线程简介
链接:https://blog.csdn.net/u013894427/article/details/83827173 pthread 入口函数类型说明void * func1(void * t)v ...
- Qt编写气体安全管理系统28-模拟工具
一.前言 模拟工具在一些涉及到硬件通信的程序中特别有用,也特别需要,回顾这十年来做过的项目,95%的项目都是软硬件交互的,貌似软硬件结合的项目更有生命力一些,纯软件的或者纯硬件的,并没有那么好控制,如 ...
- python初级(302) 2 easygui简单使用
一.复习之前的两个练习,巩固计数循环和条件循环 1.系统生成一个随机数1到5,然后让用户的猜测,若猜对了,提示恭喜你,猜对了,否则提示,对不起,你猜错了(提示,1到5的随机数为:secret = ra ...
- [LeetCode] 567. Permutation in String 字符串中的全排列
Given two strings s1 and s2, write a function to return true if s2 contains the permutation of s1. I ...
- 【神经网络与深度学习】【CUDA开发】服务器(多GPU)caffe安装和编译
一. 前提 多GPU交互在神经网络是常见的,所以在安装caffe之前需要安装NCCL,来保证多GPU之间的相互交流. 多GPU,这里指的是2个及2个以上英伟达显卡,而不是笔记本中的集显和独显. 二. ...
- win10锁住鼠标和键盘操作。
以前做的一个winform自动更新程序没考虑到程序在更新过程中禁止操作被更新程序.现在加上了更新过程中锁住鼠标和大部分键盘. 碰到问题:用系统api -- BlockInput(true)锁住屏幕无效 ...