IOS xib和代码自定义UIView
https://www.jianshu.com/p/1bcc29653085 总结的比较好
iOS开发中,我们常常将一块View封装起来,以便于统一管理内部的子控件。
下面就来说说自定义View的封装以及它的多种实现方式
自定义UIView(控件)的封装
什么是View的封装
- 如果一个View的内部子控件比较多,一般会考虑自定义一个View,把它内部子控件的创建屏蔽起来,不让外部关心。
- 外界传入对应的数据模型给view。view拿到数据模型之后给内部的子控件设置对应的数据。
封装自定义控件的基本步骤
- 重写
- (instancetype)initWithFrame
方法,在此方法中创建并添加子控件。 - 提供一个便利的构造方法,通常为 类方法,快速创建一个实例对象
- 重写
- (void)layoutSubviews
方法,在此方法中设置子控件的frame,一定要调用[super layoutSubviews]
- 设置模型属性,在set方法中,给对应的子控件赋值。
看代码
XYBookView.h 头文件#import <UIKit/UIKit.h>
@class XYBook;@interface XYBookView : UIView// 只放一个数据属性用来赋值,内部布局,放到.m 中自己管,不暴露给外界
@property (nonatomic, strong) XYBook *book;@end实现文件 .m文件
#import "XYBookView.h"
#include "XYBook.h"@interface XYBookView ()// 两个内部子控件在内部包装起来,不给外界看到
@property (nonatomic, weak) UIImageView *icon;@property (nonatomic, weak) UILabel *label;@end@implementation XYBookView// 1.重写initWithFrame:方法,创建子控件并添加到自己上面
- (instancetype)initWithFrame:(CGRect)frame
{if (self = [super initWithFrame:frame]) {// 1. 创建书图标UIImageView *icon = [UIImageView new];self.icon = icon;[self addSubview:self.icon];// 2.书名UILabel *bookName = [UILabel new];bookName.textAlignment = NSTextAlignmentCenter;self.label = bookName;[self addSubview:self.label];}return self;
}// 2.重写layoutSubviews,给自己内部子控件设置frame
- (void)layoutSubviews
{[super layoutSubviews];CGSize size = self.frame.size;self.icon.frame = CGRectMake(0, 0, size.width , size.height * 0.7);self.label.frame = CGRectMake(0, size.height * 0.7, size.width, size.height *(1 - 0.7));}// 3.调用模型的set方法,给书的子控件赋值,
- (void)setBook:(XYBook *)book
{_book = book;self.icon.image = [UIImage imageNamed:book.icon];self.label.text = book.name;
}
@end
以上是纯代码实现的View的封装,写起来有些麻烦。
开发中另一种常用的封装方式是Xib,下面介绍Xib的相关知识。
XIB和Storyboard的比较
共同点
- 都是用来描述软件界面
- 最后都是 Interface Builder工具来编译
- 本质上都是转化成代码去创建控件
不同点
- Xib是轻量级的,用来描述局部的UI界面
- Storyboard是重量级的,不仅可以用来描述整个应用的多个页面,而且可以展示页面间的跳转关系。
Xib的创建
Xib的使用
Xib的加载方式
Xib作为局部UI的描述文件,它也是一种项目内的资源文件,在项目中查找路劲也是在[UIBundle mainBundle]中,它的加载方式有两种
方式1
在对应的mainBundle中加载XYBookView类型的nib文件,返回是数组,取数组中对应的view即可
NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil];
XYBookView *bookView = views.firstObject;
方式2
Xib/Storyboard文件编译之后生成的都是 Nib文件,加载XYBookView.xib对应的.nib文件,通过.nib文件实例化的数组中取到对应的XYBookView实例对象。
UINib *nib = [UINib nibWithNibName:@"XYBookView" bundle:nil];
XYBookView *bookView = [[nib instantiateWithOwner:nil options:nil] firstObject];
使用注意
- 进行类绑定,告诉Xib它是什么类型,用来描述那个文件
- 通常Xib文件名和要描述的文件同名,易于辨认和管理
Xib的使用细节完善
- Xib用来描述控件,是把原来代码创建的内容直接用图形化来展示了
- Xib里面的子控件需要拖线到对应文件中,以便文件内赋值和其他使用
封装Xib的加载过程
#import "XYBookView.h"
@interface XYBookView ()
// 封装一个快速返回实例对象的类方法
+ (instancetype)bookView;@end@implementation XYBookView+ (instancetype)bookView
{// 封装Xib的加载过程return [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil].firstObject;}
小结
一个控件有两种创建方式
- 通过代码创建
- 初始化一定会调用
-(instancetype)initWithFrame:
方法
- 初始化一定会调用
- 通过Xib\StoryBoard创建
- 初始化不会调用
-(instancetype)initWithFrame:
方法,只会调用-(instancetype)initWithCoder:
方法 - 初始化完成之后,回调用
awakeFromNib
方法
- 初始化不会调用
通过两种加载方式,可以发现:有时候我们希望在控件初始化时做一些初始化的操作,如添加子控件,设置属性等,这时候需要根据控件的加载方式来选择-(instancetype)initWithFrame:
,-(instancetype)initWithCoder:
,awakeFromNib
三个方法中的哪个方法进行初始化。
IOS xib和代码自定义UIView相关推荐
- ios swift 纯代码自定义view(控件) XYswitchView
文章目录 1.截图 2.代码 2.1 XYswitchView.swift 2.2 LoginVC.swift 3.参考博客 1.截图 2.代码 2.1 XYswitchView.swift impo ...
- iOS在Xib加载自定义Xib视图
iOS中在Xib或者Storyboard中加载自定义的Xib视图 最近都在做Android项目的开发,许久没有捣腾iOS开发了,今天接到一个旧项目功能的开发,为了快速开发出来决定使用Xib或者Stor ...
- 跟着斯坦福白胡子老头学自定义UIView动画(附iOS10 Swift代码)
Swift很屌,开发自定义View可以说so easy. 大部分iOS初学者都会看斯坦福白胡子老头的视频, 讲的确实挺好的. 在最新的iOS9第4课讲了自定义UIView, 根据视频写个Demo,并使 ...
- iOS 使用纯代码或xib创建圆角视图
尊重原创 转自:http://www.jianshu.com/p/80f1fd3f63a0 引言: 在我们日常开发中, 很多中情况下我们需要设置UIView或者UIImageView的圆角以及边框等, ...
- [iOS基础控件 - 6.7] 微博展示 使用代码自定义TableCell(动态尺寸)
A.需求 1.类似于微博内容的展示 2.头像 3.名字 4.会员标志 5.内容 6.分割线 7.配图(可选,可有可无) code source: https://github.com/hellovoi ...
- iOS Xib Storyboard
iOS Xib & Storyboard InterfaceBuilder Xib文件 Xib解析方式 模拟示例 Storyboard storyboard分析 storyboard的启动 在 ...
- ios xib 四等分_ios Xib的几种用法[转]
大多数Ios开发者都喜欢运用xib以及约束来布局,这样省去了大量初始化代码,但是xib的使用也是存在不少差异的: 一.xib的几个重要属性 xib的文件名 File's owner xib中的视图cl ...
- 通过代码自定义cell(cell的高度不一致)
我们知道,在iOS中,自定义cell的方式有两种: 一是通过xib创建 .二是通过代码自定义cell 这里我说下通过代码自定义的cell. 当我们的应用显示的cell比较复杂,显示的行高都不一样,比如 ...
- iOS开发那些事--自定义单元格实现
自定义单元格 当苹果公司提供给的单元格样式不能我们的业务需求的时候,我们需要自定义单元格.在iOS 5之前,自定义单元格可以有两种实现方式:代码实现和用xib技术实现.用xib技术实现相对比较简单,创 ...
最新文章
- 广州线下活动 | 精益运维与 DevOps 最佳实践
- JVM的YGC,这次被它搞惨了!
- vim 指定plugin 安装位置
- 暗物质影响星系,有没有影响太阳系
- Robotium在输入框输入文字
- html引入思源黑体
- Jenkins的定时构建与轮询SCM
- 网管笔记35:不得不看的黑客工具集
- 【调剂】厦门大学信息学院2022年硕士研究生复试名单及调剂预通知
- 用计算机问你叫什么名字,计算器功能有哪些呢
- linux命令 速记表图片,linux命令速记
- Ubuntu:安装rust
- 100个python算法超详细讲解:平分7筐鱼
- WPF无弹窗打印_se7en3_新浪博客
- 数字音乐赛道拐点下,讯飞音乐的AI突围法
- 百度技术沙龙第33期回顾:推荐引擎实战(含资料下载)
- 机器人运动学逆解中最常用的三角方程(附代码)
- Linux基本常见指令
- PHP手机商城毕业设计源码191803
- 硬件设计之VGA、DVI、HDMI、DP及LVDS介绍
热门文章
- 心形图Python代码详细解析
- 最新青龙面板QQbot机器人、xdd-plus修复方法(更新:2021.12.8)
- ios手机fiddler代理详细步骤
- 华为交换机DHCP snooping
- python安装scapy流程
- python|3种运行cmd命令行的方法
- ANACONDA的安装及配置使用(linux tensorflow pytorch)
- java面试题经典20例【第六季_常瑞鹏】
- Canvas学习系列二:Canvas的坐标系统
- [Python] Codecombat 攻略 地牢 Kithgard (1-22关)