iOS开发-------自定义简单的表情键盘(UICollectionView 集合视图)_综合

最近制作自制表情键盘的时候，突然了解到还有一个叫做UICollectionView (集合视图)的类，就研究了一下，确实在做表情键盘上要比用 UIScrollView(滚动视图) 要简单的多，用法与 UITableView(表格视图) 相似，但楼主觉得稍微麻烦那么一点点，就是因为它必须要自顶一个cell，这个cell的类型是UICollectionViewCell,用到的仅仅是初级的用法，高级用法也请查看其他资料。

这一次按照自己的理解，用了一下自认为的MVC架构模式，如理解不妥，特请指正，话不多说，首先看一我的工程目录吧

接着看一下运行的结果吧，因为加了约束，所以横屏竖屏都是可以的

其实一般情况下，打印的表情发送到服务器的形式就是文本中的形式，以[ ]作为标识符，如果想在文本框中打出表情也是可以的，可以去看一下之前的一篇博客 iOS学习-------文字表情(NSAttributeString 属性字符串以及 NSRegularExpression 正则表达类)

因为表情是通过本地的plist文件来读取的，所以首先看一下plist文件

整体是一个数组，每个数组元素都是一个字典，那么看到字典，首先想到的就是模型了

Model（模型）

首先创建一个表情类，即Emoticon类，存取数据的，以后的操作就是对表情(Emoticon)类的操作，而不是对字典的操作，首先是头文件

//
//  Emoticon.h
//  表情键盘
//
//  Created by YueWen on 15/10/3.
//  Copyright (c) 2015年 YueWen. All rights reserved.
//#import <UIKit/UIKit.h>@interface Emoticon : NSObject/***  繁体的汉字*/
@property(nonatomic,strong)NSString * cht;/***  动态图名*/
@property(nonatomic,strong)NSString * gif;/***  种类*/
@property(nonatomic,strong)NSNumber * type;/***  简体的汉字*/
@property(nonatomic,strong)NSString * chs;/***  静态图名*/
@property(nonatomic,strong)NSString * png;/***  自定义初始化方法**  @param dict 含参字典**  @return 返回创建好的Emoticon对象*/
-(instancetype)initWithDictionary:(NSDictionary *)dict;/***  便利构造器**  @param dict 含参字典**  @return 返回创建好的Emoticon对象*/
+(instancetype)emoticonWithDictionary:(NSDictionary *)dict;@end

模型类很简单，只需要在实现.m文件中，实现便利初始化方法以及便利构造器即可，如果对便利初始化方法以及便利构造器不熟悉，也欢迎去之前的博客 Objective-C学习- 便利初始化函数和便利构造器去复习一下。实现方法如下

首先实现便利初始化方法

- (instancetype)initWithDictionary:(NSDictionary *)dict
{self = [super init];if (self){//通过MVC进行赋值[self setValuesForKeysWithDictionary:dict];}return self;
}

目前只见过3种 '+' 方法，便利构造器，单例以及纯过程封装，下面便是便利构造器

+(instancetype)emoticonWithDictionary:(NSDictionary *)dict
{__autoreleasing Emoticon * emoticon = [[Emoticon alloc]initWithDictionary:dict];return emoticon;
}

因为不是很过复杂，所以没有写Manager(管理者)，一般情况下，Manager是一个单例。

View (视图)

自定义的UICollectionViewCell

因为在UICollectionView(集合视图)中，没有默认的Cell，这点不像是UITableViewCell，因为没有用storyBoard拖东西，所以用的纯代码进行的布局，首先创建了一个叫做BaseCollectionViewCell (Cell 基类) ，为了以后好拓展，虽然看起来在做这个的时候会麻烦点。

创建的基类(BaseCollectionViewCell)如下

#import <UIKit/UIKit.h>
#import "Emoticon.h"typedef void(^emoticonButtonClickBlock)(UIImage * buttonImage,NSString * imageName);@interface BaseCollectionViewCell : UICollectionViewCell/***  根据表情模型赋值**  @param emoticon 表情模型*/
-(void)setInformationWithEmoticon:(Emoticon *)emoticon;/***