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

게시일: 2018-11-16 17:17 794자 4 min read

前端项目通过bridge获取客户端资源,客户端直接返回response对象Win11 光标变白消失解决方案(浏览器开启硬件加速后,在鼠标滑到文本处出现)Terminal里用option/alt + 鼠标点击,就可以让光标到指定位置Duff's Device为 UIControl 实现线程安全的 Block 事件扩展:原理与实践前端代码规范设计模式k8s前端项目利用nginx部署项目不停机Vue3+Vite+history模式+Nginx 部署二级路径iOS开发工具常用代码模板2——数据结构常用代码模板1——基础算法iOS:特殊符号大全HomeBrew 更新报错“fatal- Could not resolve HEAD to a revision”SwiftUI基本控件代码大全——1.欢迎进入软件构建的世界C++ STL简介LeetCode 70 爬楼梯(青蛙跳台阶)深入理解计算机系统(第二版) 家庭作业 第二章Swift Module 如何被全局引用LeetCode 398 随机数索引Vue 的一些指令和缩写LeetCode 486 Predict the Winner(预测赢家)浅谈iOS中的weakCocoaPods组件化——OC/Swift动静态库混用OpenGL 术语当对象接收到不能处理的消息时调用的方法命令行通过ffmpeg剪切视频iOS:如何在UITableView调用reloadData刷新结束后再同步执行后续操作统计iOS工程代码行数CMake 入门及常用变量指令手册LeetCode 6 ZigZag Conversion(Z字转换)LeetCode 106 Construct Binary Tree from Inorder and Postorder Traversal(由中序和后序遍历建立二叉树)LeetCode 5 Longest Palindromic Substring(最长回文字串)LeetCode 8 String to Integer (atoi)Objective-C Type EncodingsObjective-C:为什么分类中不能直接添加属性MeshLab数据结构与算法解析习题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.1centos7 mysql数据库安装和配置Fishhook-源码分析解决Mac下 Cornerstone 无法查看SVN日志的问题UIButton扩大点击范围以及关于响应者链条的思考UILabel中文带行间距的处理,限制行数,计算高度等UITableview调用reload方法时抖动问题C语言指针小结C语言数据类型和const、static关键字iOS 截取整个 scrollview 图片WxWidgets类列表objc源码分析-runtime-classiOS自动化埋点的实现iOS平台编译Ogre游戏引擎库在 Mac OS X 上安装 TensorFlowiPhone 刘海机型UI适配(X、Xs、Xs Max、Xr)关于C语言中的union虚拟机 Linux 上编 slice3r perl Build.PL 报错iOS 沙盒与 BundleCOCOAPODS技巧-创建私有仓库iOS脚本打包 ipa(.app转.ipa)Objective-C 中禁止调用指定的方法iOS 关于 UITextField 的字数限制升级 Mac OS 10.13 High Sierra 后 ruby 报错iOS 框架学习-AsyncSocketSQL语句OC优缺点以及常见bugUIViewController 的生命周期runtime——运行时简单使用iPhone6 Plus上面神秘的缝隙CocoaPods安装和使用教程(更新至Mac High Sierra)UIApplicationiOS 网络小结NSString的各种处理HTTP请求报文和HTTP响应报文,以及工作原理Vim 快捷键整理OC中nil 、NULL、 Nil 、NSNull的区别GCD 使用指南iOS常用数据类型转换关于NSNotificationCenterGit 命令MAC OS 常用技巧Description方法和NSLog函数代码重构OC单例宏Block in Objective-CObjective-C 语法 3Objective-C 语法 2Objective-C 语法 1
이 게시물은 아직 한국어 번역이 없으므로 원문으로 표시돼요
最近设计同学终于受不了商品评价列表中的评价内容没有行间距,强迫我们必须加上行间距。 当时我就感觉一阵头大,因为这个评价内容如果超过五行的话,是默认不显示的,当用户点击展开才会显示,这样的话我就要在计算行数的时候把行间距算进去,还有一行的时候如果是中文是不能给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;
    }
}