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

iOS笔记-自定义控件(OC)_第1张图片
随机配图

导读:

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赋值,所以第一次initframe的值可能为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];
}

  • 补充:
    • initinitWithFrame(一般在使用代码创建的时候调用
      • 在调用init的时候,系统会默认调用一次initWithFrame;但在调用initWithFrame不会调用init;所以一般初始化自己的子控件一般都是放在initWithFrame

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

  • (1)直接将属性暴漏在.h文件中:不好,影响封装性,不应该将自己的子控件暴漏在头文件中

  • (2)提供一个初始化方法

  • (3)根据tag设置子控件数据

    • 因为子控件较少,所以设置比较方便。
    • 控制器做的的太多了
  • (4)提供一个设置模型的方法,将模型传递过去(直接传递一个模型对象给View自己设置值)

  • (5)提供一个属性,直接使用点语法赋值(最终采取的方法)

你可能感兴趣的:(iOS笔记-自定义控件(OC))