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


    原文网址: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赋值,所以第一次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)提供一个属性,直接使用点语法赋值(最终采取的方法)

  • 相关阅读:
    等保测评(一)
    一个基于RNN的实体抽取工具
    如何画UML类图
    mysql存储过程整理
    记一次mysql事务未提交导致锁未释放的问题
    开启·元宇宙·区块链金融
    Nacos启动报错:[db-load-error]load jdbc.properties error
    使用Bazel编译TypeScript
    Win10上Docker无法正常启动 出现install WSL2 kernel update的情况
    VSCode调试PHP环境配置 phpstudy vscode xdebug调试
  • 原文地址:https://www.cnblogs.com/wi100sh/p/6438773.html
Copyright © 2020-2023  润新知