iOS回顾笔记(03) -- 自定义View的封装和xib文件的使用详解

iOS开发中,我们常常将一块View封装起来,以便于统一管理内部的子控件。如iOS回顾笔记(02)中的"书"这一自定义View。

下面就来说说自定义View的封装以及它的多种实现方式

自定义UIView(控件)的封装

什么是View的封装

  • 如果一个View的内部子控件比较多,一般会考虑自定义一个View,把它内部子控件的创建屏蔽起来,不让外部关心。
  • 外界传入对应的数据模型给view。view拿到数据模型之后给内部的子控件设置对应的数据。

封装自定义控件的基本步骤

  • 重写 - (instancetype)initWithFrame方法,在此方法中创建并添加子控件。
  • 提供一个便利的构造方法,通常为 类方法,快速创建一个实例对象
  • 重写 - (void)layoutSubviews方法,在此方法中设置子控件的frame,一定要调用[super layoutSubviews]
  • 设置模型属性,在set方法中,给对应的子控件赋值。

看代码

XYBookView.h 头文件

#import <UIKit/UIKit.h>
@class XYBook; @interface XYBookView : UIView // 只放一个数据属性用来赋值,内部布局,放到.m 中自己管,不暴露给外界
@property (nonatomic, strong) XYBook *book; @end 实现文件 .m文件
#import "XYBookView.h"
#include "XYBook.h" @interface XYBookView () // 两个内部子控件在内部包装起来,不给外界看到
@property (nonatomic, weak) UIImageView *icon; @property (nonatomic, weak) UILabel *label; @end @implementation XYBookView // 1.重写initWithFrame:方法,创建子控件并添加到自己上面
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) { // 1. 创建书图标
UIImageView *icon = [UIImageView new];
self.icon = icon;
[self addSubview:self.icon]; // 2.书名
UILabel *bookName = [UILabel new];
bookName.textAlignment = NSTextAlignmentCenter;
self.label = bookName;
[self addSubview:self.label]; }
return self;
} // 2.重写layoutSubviews,给自己内部子控件设置frame
- (void)layoutSubviews
{
[super layoutSubviews];
CGSize size = self.frame.size;
self.icon.frame = CGRectMake(0, 0, size.width , size.height * 0.7);
self.label.frame = CGRectMake(0, size.height * 0.7, size.width, size.height *(1 - 0.7)); } // 3.调用模型的set方法,给书的子控件赋值,
- (void)setBook:(XYBook *)book
{
_book = book;
self.icon.image = [UIImage imageNamed:book.icon];
self.label.text = book.name;
}
@end

以上是纯代码实现的View的封装,写起来有些麻烦。

开发中另一种常用的封装方式是Xib,下面介绍Xib的相关知识。

XIB和Storyboard的比较

共同点

  • 都是用来描述软件界面
  • 最后都是 Interface Builder工具来编译
  • 本质上都是转化成代码去创建控件

不同点

  • Xib是轻量级的,用来描述局部的UI界面
  • Storyboard是重量级的,不仅可以用来描述整个应用的多个页面,而且可以展示页面间的跳转关系。

Xib的创建

Xib的使用

Xib的加载方式

Xib作为局部UI的描述文件,它也是一种项目内的资源文件,在项目中查找路劲也是在[UIBundle mainBundle]中,它的加载方式有两种

方式1

在对应的mainBundle中加载XYBookView类型的nib文件,返回是数组,取数组中对应的view即可

NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil];
XYBookView *bookView = views.firstObject;

方式2

Xib/Storyboard文件编译之后生成的都是 Nib文件,加载XYBookView.xib对应的.nib文件,通过.nib文件实例化的数组中取到对应的XYBookView实例对象。

UINib *nib = [UINib nibWithNibName:@"XYBookView" bundle:nil];
XYBookView *bookView = [[nib instantiateWithOwner:nil options:nil] firstObject];

使用注意

  • 进行类绑定,告诉Xib它是什么类型,用来描述那个文件
  • 通常Xib文件名和要描述的文件同名,易于辨认和管理

Xib的使用细节完善

  • Xib用来描述控件,是把原来代码创建的内容直接用图形化来展示了
  • Xib里面的子控件需要拖线到对应文件中,以便文件内赋值和其他使用

封装Xib的加载过程


#import "XYBookView.h"
@interface XYBookView ()
// 封装一个快速返回实例对象的类方法
+ (instancetype)bookView; @end @implementation XYBookView + (instancetype)bookView
{
// 封装Xib的加载过程
return [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil].firstObject; }

小结

一个控件有两种创建方式

  • 通过代码创建

    • 初始化一定会调用 -(instancetype)initWithFrame:方法
  • 通过Xib\StoryBoard创建
    • 初始化不会调用 -(instancetype)initWithFrame:方法,只会调用-(instancetype)initWithCoder:方法
    • 初始化完成之后,回调用awakeFromNib方法

通过两种加载方式,可以发现:有时候我们希望在控件初始化时做一些初始化的操作,如添加子控件,设置属性等,这时候需要根据控件的加载方式来选择-(instancetype)initWithFrame:-(instancetype)initWithCoder:awakeFromNib三个方法中的哪个方法进行初始化。

iOS回顾笔记(03) -- 自定义View的封装和xib文件的使用详解的更多相关文章

  1. iOS开发——UI基础-自定义构造方法,layoutSubviews,Xib文件,利用Xib自定义View

    一.自定义构造方法 有时候需要快速创建对象,可以自定义构造方法 + (instancetype)shopView { return [[self alloc] init]; } - (instance ...

  2. iOS回顾笔记(05) -- 手把手教你封装一个广告轮播图框架

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  3. iOS回顾笔记(08) -- 自定义Cell的类型和创建步骤总结

    iOS回顾笔记(08) -- 自定义Cell的类型和创建步骤总结 项目中我们常见的自定义cell主要分为两种 等高cell:如应用列表.功能列表 非等高cell:如微博列表.QQ聊天页面 下面对这 ...

  4. iOS开发——笔记篇&关于字典plist读取/字典转模型/自定义View/MVC/Xib的使用/MJExtension使用总结

    关于字典plist读取/字典转模型/自定义View/MVC/Xib的使用/MJExtension使用总结 一:Plist读取 /************************************ ...

  5. iOS回顾笔记( 01 )

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  6. iOS回顾笔记( 02 ) -- 由九宫格布局引发的一系列“惨案”

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  7. iOS回顾笔记( 01 )-- XIB和纯代码创建应用的对比

    header{font-size:1em;padding-top:1.5em;padding-bottom:1.5em} .markdown-body{overflow:hidden} .markdo ...

  8. iOS回顾笔记(04) -- UIScrollView的基本使用详解

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  9. iOS回顾笔记(06) -- AutoLayout从入门到精通

    iOS回顾笔记(06) -- AutoLayout从入门到精通 随着iOS设备屏幕尺寸的增多,当下无论是纯代码开发还是Xib/StoryBoard开发,自动布局已经是必备的开发技能了. 我使用自动布局 ...

随机推荐

  1. 关于mysql中触发器old和new如何更好的区别我有话要说?

    1.当使用insert语句的时候,如果原表中没有数据的话,那么对于插入数据后表来说新插入的那条数据就是new,如图所示: 2.当使用delete语句的时候,删除的那一条数据相对于删除数据后表的数据来说 ...

  2. windows中如何查看某个端口被谁占用

    说明:本人操作系统为win7 x64,文章转自http://jingyan.baidu.com/article/3c48dd34491d47e10be358b8.html,加上本人的注释. 开始--- ...

  3. php sprintf函数

    定义和用法 sprintf() 函数把格式化的字符串写写入一个变量中.sprintf(format,arg1,arg2,arg++) 参数 描述 format 必需.转换格式. arg1 必需.规定插 ...

  4. redis php sort 函数

    很多人把redis当成一种数据库,其实是利用redis来构造数据库的模型,有那种数据库的味道.但是在怎么构建还是key和value的关系.根真正的关系型数据库还是不一样的.效率高,不方便:方便的,效率 ...

  5. 启动子&外显子&内含子

    启动子 http://baike.baidu.com/link?url=HMqaMY4mXusH--4hMu1p6P_XUzEve9lZhFGtxScnbb8Z9HaLYJ981eWxAuZt2iAP ...

  6. 第6组UI组件:ViewAnimator及其子类

    ViewAnimator是一个基类,它继承了FrameLayout,因此它表现出FrameLayout的特征,可以将多个View组件“叠”在一起.ViewAnimator额外增加的功能正如它的名字所暗 ...

  7. 我用Cocos2d-x模拟《Love Live!学院偶像祭》的Live场景(二)

    上一章分析了Live场景中各个元素的作用,这一章开始来分析最关键的部分——打击物件的实现. 上一章放出的视频很模糊,先来看一个清晰版的复习一下:http://www.bilibili.com/vide ...

  8. XHTML 是以 XML 格式编写的 HTML

    什么是 XHTML? XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的 XHTML 是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的 ...

  9. Linux笔记(三) - 文件搜素

    (1)文件搜索:find-name  根据文件名, *匹配任意字符 ,?单个字符-iname  根据文件名, 不区分大小写-size 根据文件大小查找 (+ 大于 -小于)(-a并且 -o或者)-us ...

  10. 微信小程序t填坑之旅一(接入)

    一.小程序简介 小程序是什么? 首先"程序"这两个字我们不陌生.看看你手机上的各个软件,那就是程序.平时的程序是直接跑在我们原生的操作系统上面的.小程序是间接跑在原生系统上的.因为 ...