随机配图

导读：

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

给封装View设置数据的几种方式

• （1）直接将属性暴漏在.h文件中：不好，影响封装性，不应该将自己的子控件暴漏在头文件中

• （2）提供一个初始化方法

• （3）根据tag设置子控件数据

  • 因为子控件较少，所以设置比较方便。
  • 控制器做的的太多了

• （4）提供一个设置模型的方法，将模型传递过去（直接传递一个模型对象给View自己设置值）

• （5）提供一个属性，直接使用点语法赋值（最终采取的方法）