自定义控件(通过代码或者xib文件)

一、通过代码来自定义控件

  • 继承自系统自带的控件,写一个属于自己的控件
  • 目的:封装控件内部的细节,不让外界关心
  • 步骤
    • 1、新建一个继承UIView的类
      自定义控件(通过代码或者xib文件)
      文章图片
      新建的类
    • 2、在initWithFrame:方法中添加子控件
      自定义控件(通过代码或者xib文件)
      文章图片
      initWithFrame:
    • 3、在layoutSubviews方法中设置子控件的frame
      • 一定要调用[super layoutSubviews]方法;
        自定义控件(通过代码或者xib文件)
        文章图片
        layoutSubviews
    • 4、在新建的类中提供一个模型属性,并重写模型属性的set方法
      • 在set方法中取出模型属性,给对应的子控件赋值

        自定义控件(通过代码或者xib文件)
        文章图片
        setter
  • 注意点:
    • init方法:初始化方法
    • 与initWithFrame:方法:初始化方法,执行此方法时调用一次init方法,所以最好在这个方法里面添加子控件(xib自定义控件不会调用这个方法)
  • 总结:
  • 外界需要做得事情:
    • 1、创建控件(自定义的控件);
    • 2、设置控件的frame;
    • 3、将控件添加到父控件上(一般是控制器的view);
    • 4、给控件传递模型数据;
  • 内部需要做得事情:
    • 1、提供initWithFrame:方法来添加子控件;
    • 2、提供layoutSubviews方法来添加子控件;
    • 3、重写set方法(在这里为子控件设置数据);
二、通过xib文件来自定义控件
  • 新建一个继承UIView的类
  • 新建一个xib文件(xib的文件名最好跟控件类名一样)
    • 添加子控件、设置子控件属性
    • 修改最外面那个控件的class为控件类名
    • 将子控件进行连线
  • 在新建的类里面加载xib文件:
    • 方法一:
[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil]

  • 方法二:
[UINib nibWithNibName:NSStringFromClass(self) bundle:nil];

  • 提供模型属性,重写模型的set方法
    • 在set方法中给子控件设置数据
  • 【自定义控件(通过代码或者xib文件)】注意
    • 1、通过xib文件来自定义控件是,不会调用init,initWithFrame:方法;
    • 2、几个方法的调用顺序:
//第一:正在准备初始化 -(instancetype)initWithCoder:(NSCoder *)aDecoder { if (self = [super initWithCoder:aDecoder]) { NSLog(@"initWithCoder"); } return self; } //第二:初始化完毕`(若想初始化时做点事情,最好在这个方法里面实现)` -(void)awakeFromNib { NSLog(@"awakeFromNib"); } //第三:加载xib文件 XMGShopView *shopView = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil] lastObject];

    推荐阅读