iOS YYText的使用笔记二(YYLabel聊天表情+文字并排)

上一篇博客记录了一个图文编辑器的功能（YYTextview的使用），接下来记录一下YYLabel的简单使用，

其实他们的图文并排的原理都是一样的 都是NSMutableAttributedString来处理富文本

之前用TQRichTextView实现过emoji表情+文字 虽然性能还行，但是 计算文本高度是一个让我非常头疼的问题，经常容易算不准，表情的大小很难调整，今天YYLabel简单了实现了一下他的emoji表情+文字的列表排布，个人感觉相当好用 YYLabel提供计算文本的高度，性能也很好，有个异步渲染的机制，牛逼！

话不多说上代码：

//
//  UserVC.h
//  YYTextDemo
//
//  Created by linpeng on 16/3/13.
//  Copyright © 2016年 ibireme. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UserVC : UIViewController

@end

//
//  UserVC.m
//  YYTextDemo
//
//  Created by linpeng on 16/3/13.
//  Copyright © 2016年 ibireme. All rights reserved.
//

#import "UserVC.h"
#import "YYText.h"
#import "UIView+YYAdd.h"
#import "YYImage.h"
#import "NSBundle+YYAdd.h"
#import "NSString+YYAdd.h"


@interface CellModel : NSObject

@property (nonatomic,strong) YYTextLayout *textLayout;
@property (nonatomic) CGFloat cellHeight;

@end


@implementation CellModel

@end


//=====================================分割线=========================================

@interface UserVCCell : UITableViewCell

@property (nonatomic,strong) CellModel *data;
@property (nonatomic, strong) YYLabel *contentLabel;

@end

@implementation UserVCCell


#define kWidth   280
#define kLabelMarginTop  10

-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self)
    {
        [self addSubview:self.contentLabel];
    }
    return self;
}

-(void)setData:(CellModel *)data
{
    _data = data;
    YYTextLayout *layout = data.textLayout;
    self.contentLabel.textLayout = layout;
    self.contentLabel.size = layout.textBoundingSize;
}

-(YYLabel *)contentLabel
{
    if (_contentLabel == nil) {
        _contentLabel = [[YYLabel alloc] initWithFrame:CGRectMake((kScreenWidth - kWidth)/2.0, kLabelMarginTop, 0, 0)];
        _contentLabel.userInteractionEnabled = YES;
        _contentLabel.numberOfLines = 0;
         UIFont *font = [UIFont systemFontOfSize:16];
        _contentLabel.font = font;
        _contentLabel.displaysAsynchronously = YES; /// enable async display
        _contentLabel.textVerticalAlignment = YYTextVerticalAlignmentTop;
        [_contentLabel setBackgroundColor:[[UIColor grayColor] colorWithAlphaComponent:0.2]];
    }
    return _contentLabel;
}
@end



//=====================================分割线=========================================


@interface UserVC ()<UITableViewDataSource,UITableViewDelegate>

@property (nonatomic,strong) NSMutableArray *dataList;

@end

@implementation UserVC

NSMutableAttributedString *attributeText;
- (void)viewDidLoad {
    [super viewDidLoad];

    [self.view setBackgroundColor:[UIColor whiteColor]];
    
    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds];
    [tableView registerClass:[UserVCCell class] forCellReuseIdentifier:@"tableCell"];
    tableView.delegate = self;
    tableView.dataSource = self;
    [self.view addSubview:tableView];
    
    dispatch_async(dispatch_get_main_queue(), ^{
        NSMutableArray *arrays = [NSMutableArray new];
        for (int i = 0; i<100; i++)
        {
            NSMutableAttributedString *text = [NSMutableAttributedString new];
            NSString *title11 = @"开始 ";
            [text appendAttributedString:[[NSAttributedString alloc] initWithString:title11 attributes:nil]];
            UIFont *font = [UIFont systemFontOfSize:16];
            NSArray *names = @[@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022",@"001",@"001",@"022",@"022",@"022",@"022",@"022",@"022",@"022",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"022",@"022",@"022",@"022",@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022", @"019",@"056",@"085",@"001", @"022",@"001",@"001",@"022",@"022",@"022",@"022",@"022",@"022",@"022",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"001",@"022",@"022",@"022",@"022"];
            
            for (int j = 0;j<names.count && j< arc4random()%names.count ;j++)
            {
                NSString *name  = names[j];
                NSString *path = [[NSBundle mainBundle] pathForScaledResource:name ofType:@"png" inDirectory:@"EmoticonQQ.bundle"];
                NSData *data = [NSData dataWithContentsOfFile:path];
                YYImage *image = [YYImage imageWithData:data scale:2];//修改表情大小
                image.preloadAllAnimatedImageFrames = YES;
                YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:image];
                NSMutableAttributedString *attachText = [NSMutableAttributedString yy_attachmentStringWithContent:imageView contentMode:UIViewContentModeCenter attachmentSize:imageView.size alignToFont:font alignment:YYTextVerticalAlignmentCenter];
                [text appendAttributedString:attachText];
                if(arc4random()%5==0)
                {
                    [text appendAttributedString:[[NSAttributedString alloc] initWithString:@"这是乱七八糟的文字" attributes:nil]];
                }
            }
            
            [text appendAttributedString:[[NSAttributedString alloc] initWithString:@"结束" attributes:nil]];
            YYTextContainer *container = [YYTextContainer containerWithSize:CGSizeMake(kWidth, MAXFLOAT)];
            YYTextLayout *textLayout = [YYTextLayout layoutWithContainer:container text:text];
            
            CellModel *model = [[CellModel alloc] init];
            model.textLayout = textLayout;
            model.cellHeight = textLayout.textBoundingSize.height;
            [arrays addObject:model];
        }
        self.dataList = arrays;
        //更新UI
        dispatch_async(dispatch_get_main_queue(), ^{
            [tableView reloadData];
        });
    });
    
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *cellID = @"tableCell";
    UserVCCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if (!cell)
    {
        cell = [[UserVCCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID];
    }
    CellModel *model = self.dataList[indexPath.row];
    cell.data = model;
    return cell;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.dataList.count;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    CellModel *model = self.dataList[indexPath.row];
    CGFloat height = model.cellHeight;
    return height + 2*kLabelMarginTop;
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end

看效果  我模拟了100条数据 所以数据那用了GCD 然后更新UI

也可以修改表情的大小 

 YYImage *image = [YYImageimageWithData:datascale:1.5];//修改表情大小

看效果：

ps:正则过滤表情生成NSMutableAttributedString

正常我们使用的时候是通过一串字符串（包含表情的占位符）来对应显示

例如：

[嘻嘻][嘻嘻][嘻嘻]我们[喜欢][喜欢][喜欢]你们[钱][钱][钱]这样[可爱][可爱][可爱]我的小时候[可爱][可爱][可爱][可爱][可爱]

以下利用正则表达式来过滤各个表情的位置

-(NSMutableAttributedString *)processCommentContent:(NSString *)text
{
    //转成可变属性字符串
    NSMutableAttributedString * mAttributedString = [[NSMutableAttributedString alloc]init];
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    [paragraphStyle setLineSpacing:4];//调整行间距
    [paragraphStyle setParagraphSpacing:4];//调整行间距
    NSDictionary *attri = [NSDictionary dictionaryWithObjects:@[kCurrentLabelFont,[UIConstants getWordColorC2],paragraphStyle] forKeys:@[NSFontAttributeName,NSForegroundColorAttributeName,NSParagraphStyleAttributeName]];
    [mAttributedString appendAttributedString:[[NSAttributedString alloc] initWithString:text attributes:attri]];
    //创建匹配正则表达式的类型描述模板
    NSString * pattern = @"\\[[a-zA-Z0-9\\u4e00-\\u9fa5]+\\]";
    //创建匹配对象
    NSError * error;
    NSRegularExpression * regularExpression = [NSRegularExpression regularExpressionWithPattern:pattern options:NSRegularExpressionCaseInsensitive error:&error];
    //判断
    if (!regularExpression)//如果匹配规则对象为nil
    {
        NSLog(@"正则创建失败！");
        NSLog(@"error = %@",[error localizedDescription]);
        return nil;
    }
    else
    {
        NSArray * resultArray = [regularExpression matchesInString:mAttributedString.string options:NSMatchingReportCompletion range:NSMakeRange(0, mAttributedString.string.length)];
        //开始遍历 逆序遍历
        for (NSInteger i = resultArray.count - 1; i >= 0; i --)
        {
            //获取检查结果，里面有range
            NSTextCheckingResult * result = resultArray[i];
            //根据range获取字符串
            NSString * rangeString = [mAttributedString.string substringWithRange:result.range];
            NSString *imageName =  [[KSFaceManager shareManager] reflectFaceIDWithFace:rangeString];
            if (imageName)
            {                
                //获取图片
                UIImage * image = [self getImageWithRangeString:imageName];//这是个自定义的方法
                if (image != nil)
                {
                    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
                    imageView.width = 23;
                    imageView.height = 23;
                    NSMutableAttributedString *attachText = [NSMutableAttributedString yy_attachmentStringWithContent:imageView contentMode:UIViewContentModeCenter attachmentSize:imageView.size alignToFont:[UIFont systemFontOfSize:16] alignment:YYTextVerticalAlignmentCenter];
                    //开始替换
                    [mAttributedString replaceCharactersInRange:result.range withAttributedString:attachText];
                }  
            }
        }
    }
    
    return mAttributedString;
}
//根据rangeString获取plist中的图片
-(UIImage *)getImageWithRangeString:(NSString *)rangeString
{
    return [UIImage imageNamed:rangeString];
}