利用YYLabel实现图文混排

最新推荐文章于 2025-06-22 11:22:24 发布

weixin_30884597

最新推荐文章于 2025-06-22 11:22:24 发布

阅读量8.6k

点赞数

CC 4.0 BY-SA版权

文章标签： iOS 富文本计算高度

本文链接：https://blog.youkuaiyun.com/weixin_30884597/article/details/80604075

本文介绍了在iOS开发中，如何利用YYLabel这个第三方库来解决图文混排时UILabel高度计算不准确的问题。YYLabel通过NSAttributedString实现文字和图片的拼接，并借助YYLayout和YYTextContainer类进行高度计算，确保布局的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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个类，可以利