1.里面主要两个控件：
YYTextView 和 YYLabel
现在主要是YYTextview的简单使用
YYText主要是NSMutableAttributedString来处理富文本 他的内部实现可以自己去深究。
简单的图文并排，使用NSMutableAttributedString创建一个对象 然后 appendAttributesString来拼接文字和图片(占位)//
// TextAndImageTextViewVC.h
// YYTextDemo
//
// Created by linpeng on 16/3/13.
// Copyright © 2016年 ibireme. All rights reserved.
//
#import
@interface TextAndImageTextViewVC : UIViewController
@end
//
// TextAndImageTextViewVC.m
// YYTextDemo
//
// Created by linpeng on 16/3/13.
// Copyright © 2016年 ibireme. All rights reserved.
//
#import "TextAndImageTextViewVC.h"
#import "YYText.h"
#import "UIView+YYAdd.h"
#import "YYTextView.h"
#import "YYImage.h"
#import "NSBundle+YYAdd.h"
#import "NSString+YYAdd.h"
@interface TextAndImageTextViewVC ()
@end
YYTextView *textView;
@implementation TextAndImageTextViewVC
- (void)viewDidLoad {
[super viewDidLoad];
[self.view setBackgroundColor:[UIColor whiteColor]];
textView= [[YYTextView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
textView.userInteractionEnabled=YES;
textView.textVerticalAlignment=YYTextVerticalAlignmentTop;
textView.size=CGSizeMake(self.view.frame.size.width, self.view.frame.size.height);
//创建最主要的attribute文本
NSMutableAttributedString *contentText= [NSMutableAttributedString new];
UIFont *font= [UIFont systemFontOfSize:16];
//图片资源
YYImage *image= [YYImage imageNamed:@"demo.jpg"];
image.preloadAllAnimatedImageFrames=YES;
//添加文本+图片
[contentText appendAttributedString:[[NSAttributedString alloc] initWithString:@"这是第一站图片" attributes:nil]];
{
YYAnimatedImageView *imageView= [[YYAnimatedImageView alloc] initWithImage:image];
imageView.frame=CGRectMake(0, 0, textView.width - 10, textView.width/image.size.width*image.size.height);
NSMutableAttributedString *attachText= [NSMutableAttributedString yy_attachmentStringWithContent:imageView contentMode:UIViewContentModeScaleAspectFit attachmentSize:imageView.size alignToFont:font alignment:YYTextVerticalAlignmentCenter];
[contentText appendAttributedString:attachText];
}
//添加文本+图片
[contentText appendAttributedString:[[NSAttributedString alloc] initWithString:@"\n 接下来是第二张" attributes:nil]];
{
YYAnimatedImageView *imageView2= [[YYAnimatedImageView alloc] initWithImage:image];
imageView2.frame=CGRectMake(0, 0, textView.width - 10, textView.width/image.size.width*image.size.height);
NSMutableAttributedString *attachText2= [NSMutableAttributedString yy_attachmentStringWithContent:imageView2 contentMode:UIViewContentModeScaleAspectFit attachmentSize:imageView2.size alignToFont:font alignment:YYTextVerticalAlignmentCenter];
[contentText appendAttributedString:attachText2];
}
textView.attributedText=contentText;
[self.view addSubview:textView];
//获取图片资源
NSArray *attachments=textView.textLayout.attachments;
for(YYTextAttachment *attachment in attachments)
{
YYAnimatedImageView *imageView=attachment.content;
YYImage *image= (YYImage *)imageView.image;
NSLog(@"获取到图片:%@",image);
}
NSArray *attachmentRanges=textView.textLayout.attachmentRanges;
for (NSValue *range in attachmentRanges)
{
NSRanger= [range rangeValue];
NSLog(@"资源所在位置：%ld 长度: %ld",r.location,r.length);
}
}
- (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
以上代码加上注释应该很容易理解就不多讲了 注意 \n 这个换行符的使用
看效果图：
（可编辑的文本+图片 有的app需要编辑文章功能 用这个就个可以大体实现了，图片和文本都已经获取到了 到时后对应传到服务器，之前没用YYTextview也实现过这种功能，效果比较差，用这个实现，相当完美，必须给YYText作者点个赞）
上一篇博客记录了一个图文编辑器的功能（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
@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 ()
@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 (inti=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 (intj=0;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];
CGFloatheight=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
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 (NSIntegeri=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];
}
网友评论