封装一个简单实用的朋友圈

 

前言

2014年过的那么快，过年又那么块，2015年又是飞快地节奏，真尼玛感受上帝是否是无聊使用了变速外挂开启了加速模式~到如今博主都没法接受已 经上班的事实……在地铁脸被挤在玻璃上的时候只能用眼神写满傻X射这个世界一脸！！原谅博主那么鸡粪~由于哥最近生病了，不嗨心~，我想来去想不明白，博 主每周健身4天，胸肌压女朋友、拳头比沙煲、吃喝健又康、体硬似野马，怎么会生病呢？我苦思多日，终于有一天早上起床看了镜子半个小时后我才顿悟，我靠~原 来长得帅真的是错！上帝在嫉妒我才让我生病的~哈哈哈 咳咳~这是一个严肃的技术博客~是绝对拒绝恶俗低下的内容的，大丈夫应该心系天下才对，最近柴静和雾霾真的触动了咱们每一个人的心；某极端组织像嗨大了一 样，真的是屠龙宝刀在手，装备任爆的节奏；近下的港岛撑完雨伞又要赶人了……我真的是很是痛心疾首，维护世界和平一直是鄙人的愿望，如今的世界这么混乱， 本人真的很惭愧，都怪我咯~~没有由于什么，因此今天博主要教你们怎么写一个本身用着安逸，修改巴适，他人用起来又无比舒服的iOS库！！

脑洞开一开

本人不才，接触代码的世界时间真心不是好久，对于系统底层优化、框架级别设计、设计模式的效率优劣等方面的学习和研究比不深入，因此若是你是大神， 你狠溜的话，我仍是建议您路过呵呵一下而后就关了这个网页吧，雕虫小技没法入尔法眼啊~我不是怕被喷很菜（反正都被老师喷了二十年了……^_^）而是我对 大神都是有敬畏之心的，不能说让你看你就看，你能够试一下是吧，你也不喜欢看完后是Duang 那么多特效 特技……咳咳 反正这篇文章真的很菜~~~适合比我菜的菜鸟，慎读。

不过嘛咱们要写一个库，可以让别人用，用起来要很舒服的，那确定得要设计得当，确定要熟悉平台，设计模式很是溜才行，这个没错~可是平台、架构、设计这个东西这么复杂，我解释你们也不懂，那我就不解释了（你强迫症发做死都要懂可自行找一个大学，里面有老师~）

我发誓不扯BB了 咱们一块儿来写一个能被舒服舒服又舒服地调用的iOS库，最近卫生纸涨价了，好烦，其实也是有缘由的，由于毕竟生产费用什么的也都…我头上的砖头谁扔的！！？？信不信我不打死你丫的……

假设咱们要开发一个像微信朋友圈或者微博这玩意儿的东西，而且要有能隐藏和展开正文、正文中可以识别富文本（网址、电话、@姓名……）、还要有图片缩略图并且点击查看、可以有回复、回复文中也要支持富文本……这些功能。像这样

图1

所谓君子生非异也 善假于物也。上面的功能这么多这么复杂本身写，你肯定你不是吃饱了撑着？经理也说要敏捷开发，因此二话不说闪现到code4app，code.cocoachina祭出最强杀器——搜索引擎，找到了这个库WFCoretext 发现它完美符合咱们的需求呀，棒棒哒

分析

首先咱们感谢WFCoretext 的做者的开源贡献，请收下个人膝盖，咱们立刻来用一用~

图2

槽点很少

咱们来分析分析它怎么搞得把

工程结构 图3

嗯额 仍是比较简单的 View文件夹里面的是控件啦

图4

具体实现 你们能够本身看啦，这位哥哥代码风格仍是比较规范的，看起来不费劲

Manager文件夹中是一些富文本匹配规则，其中YMTextData很重要 下面说

咱们直接来看看怎么使用的把

点开WXViewController

导包而且声明变量，变量在实现接下来的实现中会进行初始化

#import "WXViewController.h" #import "YMTableViewCell.h" #import "ContantHead.h" #import "YMShowImageView.h" #import "YMTextData.h" #import "YMReplyInputView.h" #define dataCount 10 #define kLocationToBottom 20 #define kAdmin @"小虎-tiger" @interface WXViewController ()<UITableViewDataSource,UITableViewDelegate,cellDelegate,InputDelegate> { NSMutableArray *_imageDataSource; NSMutableArray *_contentDataSource;//模拟接口给的数据 NSMutableArray *_tableDataSource;//tableview数据源 NSMutableArray *_shuoshuoDatasSource;//说说数据源 UITableView *mainTable; UIButton *replyBtn; YMReplyInputView *replyView ; } @end 

这三个方法分别构建初始化了一个tableview，初始化并赋值图片数据，初始化并赋值其余数据

- (void) initTableview; - (void)configImageData; - (void)loadTextData; 

在loadTextData中会将数据包装成YMTextData的数组，这样一个tableCell里面的数据就使用一个YMTextData的数据

而后在- (void)calculateHeight:(NSMutableArray *)dataArray中会计算出数据所占用view的高度 这里面也就实现了 咱们需求里面能够扩展能够收缩的功能

计算完高度而后就从新加载tableview了 而后tableview的各类delegate方法 各类datasource方法就呼呼的运行了

其中 如下方法中又再次使用了咱们在- (void)calculateHeight:(NSMutableArray *)dataArray方法中计算出来的高度来设置tablecell的高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { YMTextData *ym = [_tableDataSource objectAtIndex:indexPath.row]; BOOL unfold = ym.foldOrNot; return TableHeader + kLocationToBottom + ym.replyHeight + ym.showImageHeight + kDistance + (ym.islessLimit?0:30) + (unfold?ym.shuoshuoHeight:ym.unFoldShuoHeight) + kReplyBtnDistance; } 

如下这个方法又把YMTextData 赋值给了YMTableViewCell

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString *CellIdentifier = @"ILTableViewCell"; YMTableViewCell *cell = (YMTableViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { cell = [[YMTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier]; } cell.stamp = indexPath.row; cell.replyBtn.tag = indexPath.row; cell.replyBtn.appendIndexPath = indexPath; [cell.replyBtn addTarget:self action:@selector(replyAction:) forControlEvents:UIControlEventTouchUpInside]; cell.delegate = self; [cell setYMViewWith:[_tableDataSource objectAtIndex:indexPath.row]]; return cell; } 

阿拉巴拉…… 呼呼

我就想问你一句 累不累？

如今我分析了一遍这个库，你知道该怎么用了么，不要怀疑本身的智商，我也要再看一遍才知道怎么用。

固然咱们不能怀疑做者对于开源技术作出的贡献！咱们也不能怀疑做者的开发技术，毕竟这个库的bug仍是比较少的，做者是伟大崇高的！减小了世界的碳 排量方便了你我他，为不少代码工做者提供了方便，让他们能够不加班，早早的回家陪老婆陪基友陪孩子陪宠物……因此我要再次感谢做者

可是做为一个有完美强迫症的博主，问本身一句 为何这个库那么难用？由于它难用

怎么才算是好用？系统自带的组件，使用和学习起来那么容易？这应该算是好用吧。

因此接下来，咱们要开刀WXViewController 让他DUANG的一下，变得使用起来 舒服舒服又舒服！！

整容

咱们不妨WXViewController的实现细节都封装起来！它是一个tableview、它怎么计算高度，它的回复按钮怎么生成……巴拉巴拉我都不想管！！个人愿望是，我只要扔进去数据，就自动生成一个朋友圈出来！！！！

有了愿望，急着召唤神龙也没用！规则是要集齐龙珠呀！！！好咱们先干起来！整容WXViewController！！！

咱们要开发一个东西就叫作 “朋友圈模板”吧 在“朋友圈模板.h”中要有一个“朋友圈模板Delegate” 而后里面要有一个方法-(返回的数据*)每行朋友圈的数据:index;

咱们使用的时候就这样：

//真朋友圈.h @interface 真朋友圈 : 朋友圈模板<朋友圈模板Delegate> @end 真朋友圈.m @implementation 真朋友圈 - (void)viewDidLoad { self.delegate = self; } -(返回的数据*)每行朋友圈的数据:index{ return [朋友圈数据数组 objectAtIndex:index]; } @end 

这样就行了！你就不再用关心朋友圈怎么实现了 你只要关系你的数据部分！！就问你Nice不Nice？？？

因此这里只要你开发好了“朋友圈模板.m”那么之后“朋友圈模板.h”和“朋友圈模板.m”就是你写好的能被人舒服舒服又舒服调用的库了！酷不酷？？

博主就手把手教你怎么写这个“朋友圈模板.m”吧 嘻嘻嘻 手把手哦 呵呵呵 手 把 手哟 博主是颇有爱的哦~~~~

咱们要开发一个DDRichTextViewController来代替WXViewController <——这个太难用了

咱们先来写写DDRichTextViewController.h嘛

//学学系统组件 咱们也来弄一个delegate和datasource~ 其实都是delegate为了更好地区分功能，datasource主要用来设置数据有关 @protocol DDRichTextViewDelegate @required -(NSString*)senderName;//必需要实现！否则评论别人的时候没名字 最恨匿名渣渣，本身叫的名字都不敢直接说！！“有谁知道我买充气娃娃都匿名呢 呵呵，啊？为何我内心想的会变成文字显示出来！！！纳尼！！” @optional -(BOOL)hideReplyButtonForIndex:(NSInteger)index;//是否隐藏回复按钮，有时候咱们不让人回复 就把回复按钮隐藏起来了 -(void)didPromulgatorPressForIndex:(NSInteger)index name:(NSString*)name;//发布者的头像或者名字被点击 -(void)didRichTextPressedFromText:(NSString*)text index:(NSInteger)index;//正文的富文本被点击的回调 -(void)didRichTextPressedFromText:(NSString*)text index:(NSInteger)index replyIndex:(NSInteger)replyIndex;//评论的富文本被点击的回调 -(void)replyForIndex:(NSInteger)index replyText:(NSString*)text;//回复文字的内容的回调 @end @protocol DDRichTextViewDataSource @required -(YMTextData*)dataForRowAtIndex:(NSInteger)index;//这个就是每行须要的数据了！ -(NSInteger)numberOfRowsInDDRichText;//须要返回多少行 @end @interface DDRichTextViewController : UIViewController<UITableViewDataSource,UITableViewDelegate,cellDelegate,InputDelegate> @property (weak, nonatomic) id delegate; @property (weak, nonatomic) id dataSource; @end 

而后就是DDRichTextViewController.m了

基本上就是对WXViewController.m的封装了！ 让其内部实现的细节都对使用者透明化

好比在DDRichTextViewController中实现了uitableView的datasource和delegate

在这个方法中 tableview须要显示的行数就由继承DDRichTextViewController的子类的datasource中的

-(NSInteger)numberOfRowsInDDRichText;这个方法返回的数据做为参数！

好比这样：

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{ return [[self dataSource] numberOfRowsInDDRichText]; } 

因此当咱们使用咱们本身写的库的时候根本不在意这个方法

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView；

由于咱们封装到了

-(NSInteger)numberOfRowsInDDRichText;

相似其余实现以及方法都进行了封装

这当中处理@required很简单，用户必须已经实现了 因此直接调用就好 。 可是 @optional的方法用户不必定会去实现，因此当中最重要的就是要去判断这个方法存不存在：方法以下

respondsToSelector:NSSelectorFromString(@“方法名:”) //这个凡是继承NSObject的类都拥有这个方法 这个是基础了，是运行时判断方法存不存在的 

详细以下

if ([self.delegate respondsToSelector:NSSelectorFromString(@"hideReplyButtonForIndex:")]) { //判断hideReplyButtonForIndex方法存不存在 存在才会执行以下的代码 if ([[self delegate] hideReplyButtonForIndex:indexPath.section]) { cell.hideReply = YES; } } 

下面是详细的代码

（原本想贴详细代码的，博主一思忖！最好下载个人Demo进行研究 这样能够在方法之间跳转 更能看得懂！！地址在文后！并且大家在博主的Demo项目中star一下 我就爱死你Y的了）

最后咱们来看看怎么使用写好的DDRichTextViewController

咱们新建一个TestViewController

//TestViewController.h #import "DDRichTextViewController.h" @interface TestViewController : DDRichTextViewController<DDRichTextViewDataSource,DDRichTextViewDelegate> @end 

// // TestViewController.m // #import "TestViewController.h" @implementation TestViewController NSMutableArray * ymDataArray; - (void)viewDidLoad { [super viewDidLoad]; NSMutableArray MyDataArr = [[NSMutableArray alloc]init];//!!!!这里应该本身初始化数据 self.delegate = self; self.dataSource = self; } //下面两个是datasource方法 -(NSInteger)numberOfRowsInDDRichText{ return 5; } -(YMTextData *)dataForRowAtIndex:(NSInteger)index{ return [MyDataArr objectAtIndex:0];//!!!!!!!! MyDataArr 是一个YMTextData的数组！！因此你的朋友圈数据的每一项都必须是YMTextData或者继承YMTextData的子类！！ } //下面全部都是delegate的方法 朋友圈全部的特性都使用如下的delegate方法进行控制 方法有可选和必选的 可自行实现 接口调用简单 -(NSString *)senderName{ return @"David"; } -(BOOL)hideReplyButtonForIndex:(NSInteger)index{ return NO; } -(void)didPromulgatorNameOrHeadPicPressedForIndex:(NSInteger)index name:(NSString *)name{ UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"发布者回调" message:[NSString stringWithFormat:@"姓名：%@\n index：%d",name,index] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil]; [alert show]; } -(void)didRichTextPressedFromText:(NSString*)text index:(NSInteger)index{ UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"正文富文本点击回调" message:[NSString stringWithFormat:@"点击的内容：%@\n index：%d",text,index] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil]; [alert show]; } -(void)didRichTextPressedFromText:(NSString *)text index:(NSInteger)index replyIndex:(NSInteger)replyIndex{ UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"评论的富文本点击回调" message:[NSString stringWithFormat:@"点击的内容：%@\n index：%d \n replyIndex:%d",text,index,replyIndex] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil]; [alert show]; } -(void)replyForIndex:(NSInteger)index replyText:(NSString*)text{ UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"回复的回调" message:[NSString stringWithFormat:@"回复的内容：%@\n index：%d",text,index] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil]; [alert show]; } @end 

效果以下

图5

项目及Demo地址

结语

博主对WXViewController的改动仍是颇多的，不仅仅是简单地封装，我还作了表情和姓名的正则判断，还对 YMTableViewCell作了大量的逻辑修改，回调的接口作更改和增添也甚多！须要你亲自去发现博主隐藏的爱，但不管如何这都是潦草的项目，想要正 式的使用在企业开发中这还远远不够的！没有进行模块和单元的测试，其中图片的处理方式也很差，这里我是直接要求用户添加Image文件的 这个应该改为 添加图片地址，而后让这个库异步去请求显示的……因此仍是须要你们的开源精神和力量去贡献本身的，燃烧本身的，骚年文章结束了