【转】iOS笔记-自定义控件(OC)-白红宇

【转】iOS笔记-自定义控件(OC)

阅读量：5936 次

发布时间：2019-06-19

本文共 3223 字，大约阅读时间需要 10 分钟。

原文网址：http://www.jianshu.com/p/f23862eb7b8a

导读：

iOS开发中，很多时候系统提供的控件并不能很好的满足我们的需求，因此，自定义控件便成为搭建UI界面中必不可少的一部分。本篇博文以笔记的形式，总结了自定义控件的两种方式以及每种方式的实现步骤，虽简略却不简单，因此希望留给读者更多的思考空间。作为入门的编程学习者，独立思考能力和动手编程能力都是至关重要的。在此，希望大家学习愉快，共同进步。

自定义控件之xib方式

xib与storyboard
- 共同点：
  - 都用来描述软件界面
  - 都用Interface Builder工具来编辑
  - 本质都是转换成代码去创建控件
- 不同点：
  - Xib是轻量级的，用来描述局部的UI界面
  - Storyboard是重量级的，用来描述整个软件的多个界面，并且能展示多个界面之间的跳转关系

Xib的加载方式

方式一：通过mainBundel loadNibNamed:加载

NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"xib文件名" owner:nil options:nil]`

方式二：通过UINib nibWithNibName加载

UINib *nib = [UINib nibWithNibName:@"xib文件名" bundle:nil];NSArray *views = [nib instantiateWithOwner:nil options:nil];

通过xib创建自定义控件步骤：
- 新建一个继承UIView的类
- 新建一个xib文件（xib的文件名最好跟控件类名一样）
  - 添加子控件、设置子控件属性
  - 修改最外面那个控件的class为控件类名
  - 将子控件进行连线
- 提供模型属性，重写模型的set方法
  - 在set方法中给子控件设置数据

示例代码：

- (void)viewDidLoad {    //1.通过mainbundel获取xib文件，返回组件数组    NSArray * viewArr = [[NSBundle mainBundle] loadNibNamed:@"CYXView" owner:nil options:nil]; //2.取出数组中需要的控件 CYXView * myView = (CYXView *)[viewArr lastObject]; //3.设置控件的Frame myView.frame = CGRectMake(100, 100, 10, 200); //4.控件添加到self.View中 [self.view addSubview:myView]; }

补充：
- initWithcoder
  - 只要是从storyboard/xib中加载就会调用这个方法；
    这个方法一般是初始化的操作
- awakeFromNib
  - storyboard/xib中加载完毕的时候调用，想做一些在xib加载完毕的操作，就在这个方法中操作（建议在这个方法中写初始化代码）

自定义控件之纯代码方式

何为自定义控件？
- 继承自系统自带的控件，写一个属于自己的控件

目的：封装控件内部的细节

为什么要封装？
- 封装的话，下次直接将封装好的类，直接拿去使用
  封装以后，没有重复代码

自定义控件封装步骤：
- 创建一个自定义控件，建议直接继承自UIView，也可以继承自其他组件

封装的用途
- 以后需要封装一些框架给外界使用的时候
  对于项目扩展性大大提高

示例代码思路：
- 在新建的CYXShopView视图类(View)中代码思路如下
  - 1.定义子控件。在init方法内只管控件内部的创建，但不管frame的初始化，因为外界调用的init方法不一定马上给frame赋值，所以第一次init是frame的值可能为nil
  - 2.定义位置尺寸（Frame）。重写系统的-(void)layoutSubviews方法,这个方法方法专门用来布局子控件，一般在这里设置子控件的frame，当控件本身的尺寸发生改变的时候，系统会自动调用这个方法。重写此方法内一定要调用[super layoutSubviews]
  - 3.设置数据。提供一个模型属性，重写模型属性的set方法，在set方法中取出模型属性，给对应的子控件赋值
- 在自定义控件内还可以添加其他更方便的初始化方法，可以参照apple官方的UIView等主要控件，还可以更高层次的封装，这个等以后再谈及。

//重写-(instancetype)initWithFrame:(CGRect)frame方法//init方法内部会自动调用-(instancetype)initWithFrame:(CGRect)frame  方法，因此建议写这个方法，用于替代-(instancetype)init 方法-(instancetype)initWithFrame:(CGRect)frame{ if (self = [super init]) { //添加图片 UIImageView * iconView = [[UIImageView alloc]init]; iconView.backgroundColor = [UIColor grayColor]; [self addSubview:iconView]; //添加文字 UILabel * name = [[UILabel alloc]init]; name.backgroundColor = [UIColor greenColor]; name.font = [UIFont systemFontOfSize:15]; name.textAlignment = NSTextAlignmentCenter; [self addSubview:name]; } return self; }

/** * 这个方法专门用来布局子控件，一般在这里设置子控件的frame * 当控件本身的尺寸发生改变的时候，系统会自动调用这个方 */-(void)layoutSubviews{    // 一定要调用super方法    [super layoutSubviews];    CGFloat shopW = self.frame.size.width; CGFloat shopH = self.frame.size.height; self.iconView.frame = CGRectMake(0, 0, shopW, shopW); self.name.frame = CGRectMake(0, shopW, shopW, shopH-shopW); }

-(void)setShop:(CYXShop *)shop{    //赋值    _shop = shop;    self.name.text = self.shop.name;    self.iconView.image = [UIImage imageNamed:self.shop.icon]; }

补充：
- init和initWithFrame（一般在使用代码创建的时候调用
  - 在调用init的时候，系统会默认调用一次initWithFrame；但在调用initWithFrame不会调用init；所以一般初始化自己的子控件一般都是放在initWithFrame