UILabel中文带行间距的处理,限制行数,计算高度等

发布于 2025-03-25 21:30 794 字 4 min read

前端项目通过bridge获取客户端资源,客户端直接返回response对象常用代码模板1——基础算法常用代码模板2——数据结构统计iOS工程代码行数高数概念、公式、定理Objective-C 语法 3Objective-C 语法 2Objective-C 语法 1UIViewController 的生命周期UITableview调用reload方法时抖动问题UILabel中文带行间距的处理,限制行数,计算高度等UIButton扩大点击范围以及关于响应者链条的思考UIApplicationSwiftUI基本控件iPhone6 Plus上面神秘的缝隙iPhone 刘海机型UI适配(X、Xs、Xs Max、Xr)iOS:如何在UITableView调用reloadData刷新结束后再同步执行后续操作iOS 截取整个 scrollview 图片iOS 关于 UITextField 的字数限制Objective-C 中禁止调用指定的方法objc源码分析-runtime-classObjective-C Type EncodingsObjective-C:为什么分类中不能直接添加属性OC优缺点以及常见bugruntime——运行时简单使用当对象接收到不能处理的消息时调用的方法浅谈iOS中的weak为 UIControl 实现线程安全的 Block 事件扩展:原理与实践OC单例宏iOS常用数据类型转换OC中nil 、NULL、 Nil 、NSNull的区别Description方法和NSLog函数Block in Objective-CiOS自动化埋点的实现iOS平台编译Ogre游戏引擎库iOS:特殊符号大全iOS 网络小结iOS 沙盒与 BundleiOS 框架学习-AsyncSocketNSString的各种处理Swift Module 如何被全局引用CocoaPods组件化——OC/Swift动静态库混用COCOAPODS技巧-创建私有仓库关于NSNotificationCenter数据结构与算法解析习题2.23数据结构与算法解析习题2.19数据结构与算法解析习题2.16数据结构与算法解析习题2.14数据结构与算法解析习题2.13数据结构与算法解析习题2.12数据结构与算法解析习题2.11:二分查找数据结构与算法解析习题2.10:霍纳法则(Horner's rule)数据结构与算法解析习题2.7数据结构与算法解析习题1.3数据结构与算法解析习题1.2数据结构与算法解析习题1.1LeetCode 486 Predict the Winner(预测赢家)LeetCode 398 随机数索引LeetCode 106 Construct Binary Tree from Inorder and Postorder Traversal(由中序和后序遍历建立二叉树)LeetCode 70 爬楼梯(青蛙跳台阶)LeetCode 8 String to Integer (atoi)LeetCode 6 ZigZag Conversion(Z字转换)LeetCode 5 Longest Palindromic Substring(最长回文字串)iOS脚本打包 ipa(.app转.ipa)《什么是数学 》习题 第一章 补充《什么是数学 》习题 第一章 2 数系的无限性 数学归纳法《什么是数学 》习题 第一章 1 整数的计算Vue 的一些指令和缩写
最近设计同学终于受不了商品评价列表中的评价内容没有行间距,强迫我们必须加上行间距。 当时我就感觉一阵头大,因为这个评价内容如果超过五行的话,是默认不显示的,当用户点击展开才会显示,这样的话我就要在计算行数的时候把行间距算进去,还有一行的时候如果是中文是不能给Label加行间距的,否则一行文字下面会片

最近设计同学终于受不了商品评价列表中的评价内容没有行间距,强迫我们必须加上行间距。

当时我就感觉一阵头大,因为这个评价内容如果超过五行的话,是默认不显示的,当用户点击展开才会显示,这样的话我就要在计算行数的时候把行间距算进去,还有一行的时候如果是中文是不能给Label加行间距的,否则一行文字下面会片空白,当然高度的计算也要去掉行间距。下面就详细讲一下如果解决这些问题。

通过boundingWithRect获取文本的高度

NSString *text = @"UILabel中文带行间距的处理,限制行数,计算高度等"; 
NSMutableAttributedString *attributeString = [[NSMutableAttributedString alloc] initWithString:text]; 
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init]; 
style.lineSpacing = 10;  
[attributeString addAttribute:NSParagraphStyleAttributeName
                        value:style
                        range:NSMakeRange(0, text.length)]; 
[attributeString addAttribute:NSFontAttributeName 
                        value:[UIFont systemFontOfSize:14]
                        range:NSMakeRange(0, text.length)];
NSStringDrawingOptions options = NSStringDrawingUsesLineFragmentOrigin |
                                 NSStringDrawingUsesFontLeading;  
CGRect rect = [attributeString boundingRectWithSize:CGSizeMake(100, MAXFLOAT)
                                            options:options 
                                            context:nil];

中文富文本有行间距的坑

  1. 计算文字高度的坑:上面计算方式在计算带有中文,并且有行间距的富文本时,会出现在计算一行时,文本高度不对,多了一个行间距的高度。但在计算纯英文时却不会存在这个情况。这样会导致在存在父控件时,父控件整体高度计算不对。
  2. 给Label设置文本的坑:在给Label设置富文本时,如果是一行并且带中文,并且设置了间距lineSpace,结果多发现显示出来多了一个间距的高度。

解决方案

  1. 判断行数与是否存在中文,当行数为一行,并且存在中文时,需要将计算结果的高度减去行间距。此时才为正确文本正确高度。
  2. 需要判断是否超过一行,超过一行则设置富文本的lineSpace。

下面是封装好的方法,可以直接给NSString创建一个category,把以下方法拷贝进去。

/**
 * 计算文字高度,可以处理计算带行间距的
 */
- (CGSize)boundingRectWithSize:(CGSize)size
                          font:(UIFont*)font  
                   lineSpacing:(CGFloat)lineSpacing
{
    NSMutableAttributedString *attributeString = [[NSMutableAttributedString alloc] initWithString:self];
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    paragraphStyle.lineSpacing = lineSpacing;
    [attributeString addAttribute:NSParagraphStyleAttributeName
                            value:paragraphStyle
                            range:NSMakeRange(0, self.length)];
    [attributeString addAttribute:NSFontAttributeName
                            value:font 
                            range:NSMakeRange(0, self.length)];
    NSStringDrawingOptions options = NSStringDrawingUsesLineFragmentOrigin |         
                                     NSStringDrawingUsesFontLeading;
    CGRect rect = [attributeString boundingRectWithSize:size 
                                                options:options
                                                context:nil];

    //文本的高度减去字体高度小于等于行间距,判断为当前只有1行
    if ((rect.size.height - font.lineHeight) <= paragraphStyle.lineSpacing)
    {
        if ([self containChinese:self]) 
        {  //如果包含中文
            rect = CGRectMake(rect.origin.x, 
                              rect.origin.y, 
                              rect.size.width, 
                              rect.size.height-paragraphStyle.lineSpacing);
        }
    }
    
    return rect.size;
}


//判断如果包含中文
- (BOOL)containChinese:(NSString *)str
{
    for(int i=0; i< [str length];i++)
    {
        int a = [str characterAtIndex:i];
        if(a > 0x4e00 && a < 0x9fff)
        { 
            return YES; 
        }
    }
    return NO;
}

/**
 *  计算最大行数文字高度,可以处理计算带行间距的
 */
- (CGFloat)boundingRectWithSize:(CGSize)size 
                           font:(UIFont*)font
                    lineSpacing:(CGFloat)lineSpacing
                       maxLines:(NSInteger)maxLines
{

    if (maxLines <= 0)
    {
        return 0;
    }

    CGFloat maxHeight = font.lineHeight * maxLines + lineSpacing * (maxLines - 1);

    CGSize orginalSize = [self boundingRectWithSize:size
                                               font:font 
                                        lineSpacing:lineSpacing];

    if (orginalSize.height >= maxHeight) 
    {
        return maxHeight;
    }
    else
    {
        return orginalSize.height;
    }
}

/**
 *  计算是否超过一行   用于给Label 赋值attribute text的时候 超过一行设置lineSpace
 */
- (BOOL)isMoreThanOneLineWithSize:(CGSize)size 
                             font:(UIFont *)font
                     lineSpaceing:(CGFloat)lineSpacing
{

    if ([self boundingRectWithSize:size
                              font:font
                       lineSpacing:lineSpacing].height > font.lineHeight) 
    {
        return YES;
    }
    else
    {
       return NO;
    }
}