美文网首页
第四节:UIView控件的使用和MVC模型

第四节:UIView控件的使用和MVC模型

作者: iOS攻城狮_Runloop | 来源:发表于2020-12-07 15:43 被阅读0次

    1.UIView简介

    - 什么是控件?
    屏幕上的所有UI元素都叫做控件(也有叫做视图、组件)
    比如按钮(UIButton)、文本(UILabel)都是控件
    
    - 控件的共同属性有哪些?
    尺寸
    位置
    背景色
    ......
    - 苹果将控件的共同属性都抽取到父类UIView中
    所有的控件最终都继承自UIView
    UIButton、UILabel都继承自UIView(可以查看头文件验证)
    
    UIView简介

    2.UIView的继承关系

    控件的继承关系

    3.父控件 子控件

    • 每个控件都是个容器,能容纳其他控件

    • 内部小控件是大控件的子控件

    • 大控件是内部小控件的父控件

    • 每一个控制器(UIViewController)内部都有个默认的UIView属性
      @property(nonatomic,retain) UIView *view;
      控制器中管理的其他所有控件都是这个view的子控件(直接或者间接)

    4.UIView的常见属性

    @property(nonatomic,readonly) UIView *superview;
     获得自己的父控件对象
    
    @property(nonatomic,readonly,copy) NSArray *subviews;
     获得自己的所有子控件对象
    
    @property(nonatomic) NSInteger tag;
     控件的ID(标识),父控件可以通过tag来找到对应的子控件
    
    @property(nonatomic) CGAffineTransform transform;
     控件的形变属性(可以设置旋转角度、比例缩放、平移等属性)
    
    
    @property(nonatomic) CGRect frame;
     控件矩形框在父控件中的位置和尺寸(以父控件的左上角为坐标原点)
    
    @property(nonatomic) CGRect bounds;
     控件矩形框的位置和尺寸(以自己左上角为坐标原点,所以bounds的x、y一般为0)
    
    @property(nonatomic) CGPoint center;
     控件中点的位置(以父控件的左上角为坐标原点)
    

    5.UIView的常见方法

    - (void)addSubview:(UIView *)view;
     添加一个子控件view
        - 使用这个方法添加的子控件会被塞到subviews数组的最后面
    - (void)removeFromSuperview;
     从父控件中移除
    
    - (UIView *)viewWithTag:(NSInteger)tag;
     根据一个tag标识找出对应的控件(一般都是子控件)
    
    • UIView高阶用法
    • 可以使用下面的方法调整子控件在subview数组中的顺序
    // 将子控件view插入到subviews数组的index位置
    - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;
    
    // 将子控件view显示到子控件siblingSubview的下面
    - (void)insertSubview:(UIView *)view belowSubview:(UIView *)siblingSubview;
    // 将子控件view显示到子控件siblingSubview的上面
    - (void)insertSubview:(UIView *)view aboveSubview:(UIView *)siblingSubview;
    
    // 将子控件view放到数组的最后面,显示在最上面
    - (void)bringSubviewToFront:(UIView *)view;
    // 将子控件view放到数组的最前面,显示在最下面
    - (void)sendSubviewToBack:(UIView *)view;
    

    6.UIKit坐标系

    • 在UIKit中,坐标系的原点(0,0)在左上角,x值向右正向延伸,y值向下正向延伸


      UIKit坐标系

    2.简单的MVC

    简单的MVC

    3.view的封装

    • 如果一个view内部的子控件比较多,一般会考虑自定义一个view,把它内部子控件的创建屏蔽起来,不让外界关心

    • 外界可以传入对应的模型数据给view,view拿到模型数据后给内部的子控件设置对应的数据

    封装控件的基本步骤

    • 在initWithFrame:方法中添加子控件,提供便利构造方法
    • 在layoutSubviews方法中设置子控件的frame(一定要调用super的layoutSubviews)
    • 增加模型属性,在模型属性set方法中设置数据到子控件上

    Xib和storyboard对比

    • 共同点:
      都用来描述软件界面
      都用Interface Builder工具来编辑
      本质都是转换成代码去创建控件

    • 不同点
      Xib是轻量级的,用来描述局部的UI界面
      Storyboard是重量级的,用来描述整个软件的多个界面,并且能展示多个界面之间的跳转关系

    Xib的加载

    方法1
    NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"xib文件名" owner:nil options:nil]
    
    方法2
    UINib *nib = [UINib nibWithNibName:@"xib文件名" bundle:nil];
    NSArray *views = [nib instantiateWithOwner:nil options:nil];
    

    使用xib自定义view的步骤

    • 新建自定义控件类
    • 新建xib文件(文件名建议和view的类名一致)


      使用xib自定义view的步骤1
    • 修改xib中view的类名
    • 封装xib的加载过程


      使用xib自定义view的步骤2
    • 增加模型属性,在模型属性set方法中设置数据到子控件上

    注意点

    一个控件有2种创建方式

    • 通过代码创建
      初始化时一定会调用initWithFrame:方法

    • 通过xib\storyboard创建
      初始化时不会调用initWithFrame:方法,只会调用initWithCoder:方法
      初始化完毕后会调用awakeFromNib方法

    有时候希望在控件初始化时做一些初始化操作,比如添加子控件、设置基本属性
    这时需要根据控件的创建方式,来选择在initWithFrame:、initWithCoder:、awakeFromNib的哪个方法中操作

    4.Model数据模型

    • 用模型取代字典的好处
    • 使用字典的坏处

    一般情况下,设置数据和取出数据都使用“字符串类型的key”,编写这些key时,编辑器没有智能提示,需要手敲
    dict[@"name"] = @"Jack";
    NSString *name = dict[@"name"];
    手敲字符串key,key容易写错
    Key如果写错了,编译器不会有任何警告和报错,造成设错数据或者取错数据

    • 使用模型的好处

    所谓模型,其实就是数据模型,专门用来存放数据的对象,用它来表示数据会更加专业
    模型设置数据和取出数据都是通过它的属性,属性名如果写错了,编译器会马上报错,因此,保证了数据的正确性
    使用模型访问属性时,编译器会提供一系列的提示,提高编码效率

    app.name = @"Jack";
    NSString *name = app.name;
    

    字典转模型

    • 字典转模型的过程最好封装在模型内部

    • 模型应该提供一个可以传入字典参数的构造方法

    - (instancetype)initWithDict:(NSDictionary *)dict;
    + (instancetype)xxxWithDict:(NSDictionary *)dict;
    

    instancetype

    instancetype在类型表示上,跟id一样,可以表示任何对象类型
    instancetype只能用在返回值类型上,不能像id一样用在参数类型上
    instancetype比id多一个好处:编译器会检测instancetype的真实类型`

    什么是Plist文件

    • 直接将数据直接写在代码里面,不是一种合理的做法。如果数据经常改,就要经常翻开对应的代码进行修改,造成代码扩展性低

    • 因此,可以考虑将经常变的数据放在文件中进行存储,程序启动后从文件中读取最新的数据。如果要变动数据,直接修改数据文件即可,不用修改代码

    • 一般可以使用属性列表文件存储NSArray或者NSDictionary之类的数据,这种“属性列表文件”的扩展名是plist,因此也称为“plist文件”

    创建Plist文件

    创建Plist文件

    Plist的使用注意

    Plist的使用注意

    解析Plist文件

    接下来通过代码来解析Plist文件中的数据

    获得Plist文件的全路径
    NSBundle *bundle = [NSBundle mainBundle];
    NSString *path = [bundle pathForResource:@"shops" ofType:@"plist"];
    
    加载plist文件
    _shops = [NSArray arrayWithContentsOfFile:path];
    

    类前缀

    • 使用Objective-C开发iOS程序时,最好在每个类名前面加一个前缀,用来标识这个类的“老家”在哪

    • 目的是防止N个人开发了一样的类,冲突了

    • 比如Jake Will、Kate Room在同一个项目中都各自开发了个- Button类,这样的程序是不能运行起来的

    • 解决方案:Jake Will的类名叫做JWButton,Kate Room的类名叫做KRButton

    字典转模型的过程

    字典转模型的过程

    相关文章

      网友评论

          本文标题:第四节:UIView控件的使用和MVC模型

          本文链接:https://www.haomeiwen.com/subject/urhtgktx.html