利用YYLabel实现评论图文混排功能

2018-06-07  本文已影响0人  一个无知的码农

UILabel有专门的计算文字高度的方法,非常简单/*

 *titleString 传入的内容

 *font 字体的大小

 *height 如果计算宽度,传入高度, 如果计算高度,就传入宽度

 */  

+(float)judgeTheLabelWidthWithString:(NSString *)titleString andWithThefont:(NSInteger)font andwiththeheighth:(NSInteger)height{

UIFont * sizeFont;  

if ([Version floatValue] >=9) {  

        sizeFont = CustomFont(font);  

}else{ 

    sizeFont = [UIFont systemFontOfSize:font];  

    }  

NSDictionary *dic = @{NSFontAttributeName:sizeFont};  //指定字号  

//MAXFLOAT 常量 最大值  

CGRect rect = [titleString boundingRectWithSize:CGSizeMake(MAXFLOAT, height)  options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:dic context:nil];  

return rect.size.width;   

以上方法只能使用纯文字,字体的大小确定才能准确的计算出高度,从而设定label的高度

当内容中有图片的时候计算时就会出现计算不准确,从而无法布局。

YYLabel 是一个专门用于图文混排的第三方插件,利用NSAttributedString将文字和图片拼接在一起,(图片会用\U0000fffcz占位符实现)从而显示出来。

YYLabel中有一个YYLayout和YYTextContainer2个类,可以利用这2个类来进行富文本的高度计算,代码如下

NSMutableAttributedString * content = [PublicAction processCommentContent:replacString];  

YYTextContainer *container = [YYTextContainer containerWithSize:CGSizeMake(ScreenWidth- 50, MAXFLOAT)];  

YYTextLayout *textLayout = [YYTextLayout layoutWithContainer:container text:content];  

textLayout有一个属性 textBoundingSize.height,这个高度就是计算出来的准确高度

https://github.com/search?utf8=✓&q=YYLabelText

上一篇下一篇

猜你喜欢

热点阅读