iOS 包含行间距计算富文本size

news/2024/7/20 22:21:08 标签: ios

在一次开发过程中,发现带有行间距的富文本计算高度,会有不准确的情况,富文本内容明明很长,但是计算出的高度只有不到20像素,导致整个cell的高度计算异常。

需求上是文字固定宽度,最多显示3行,超过3行尾部打点展示。按照需求设置了尾部打点 paraStyle.lineBreakMode = .byTruncatingTail, 然后计算富文本的大小。

let range = NSRange(location: 0, length: introduce.count)
var att = NSMutableAttributedString(string: introduce)
let paraStyle = NSMutableParagraphStyle()
paraStyle.lineSpacing = 4
att.addAttribute(.font, value: UIFont.systemFont(ofSize: 14), range: range)
// 计算内容高度
let screenWidth = UIScreen.main.bounds.size.width
let maxSzie = CGSizeMake(screenWidth-40, CGFLOAT_MAX)

// 换行模式byClipping
paraStyle.lineBreakMode = .byTruncatingTail
att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
print("使用byTruncatingTail计算size ", size)

这时候算出来的size高度只有17像素,真实显示到屏幕上Label的高度是58像素。导致整体cell的高度计算错误。

后来发现先将换行模式改为paraStyle.lineBreakMode = .byWordWrapping 在计算高度是正确的。于是把所有的换行模式都逐个测试,看看到底是什么情况。


func getTextAttributed(_ introduce: String) -> NSAttributedString {

    let range = NSRange(location: 0, length: introduce.count)
    var att = NSMutableAttributedString(string: introduce)
    let paraStyle = NSMutableParagraphStyle()
    paraStyle.lineSpacing = 4
    att.addAttribute(.font, value: UIFont.systemFont(ofSize: 14), range: range)
    // 计算内容高度
    let screenWidth = UIScreen.main.bounds.size.width
    let maxSzie = CGSizeMake(screenWidth-40, CGFLOAT_MAX)


    // 换行模式byWordWrapping
    paraStyle.lineBreakMode = .byWordWrapping
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    var size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byWordWrapping计算size ", size)


    // 换行模式byCharWrapping
    paraStyle.lineBreakMode = .byCharWrapping
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byCharWrapping计算size ", size)

    // 换行模式byClipping
    paraStyle.lineBreakMode = .byClipping
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byClipping计算size ", size)


    // 换行模式byTruncatingHead
    paraStyle.lineBreakMode = .byTruncatingHead
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byTruncatingHead计算size ", size)


    // 换行模式byClipping
    paraStyle.lineBreakMode = .byTruncatingTail
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byTruncatingTail计算size ", size)


    // 换行模式byClipping
    paraStyle.lineBreakMode = .byTruncatingMiddle
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byTruncatingMiddle计算size ", size)

    return att
}

测试后发现,系统的5个枚举中,只有 byWordWrapping和byCharWrapping 计算准确,带有截断方式的case,计算都是错误的。

  • case byWordWrapping = 0 // Wrap at word boundaries, default
  • case byCharWrapping = 1 // Wrap at character boundaries
  • case byClipping = 2 // Simply clip
  • case byTruncatingHead = 3 // Truncate at head of line: "...wxyz"
  • case byTruncatingTail = 4 // Truncate at tail of line: "abcd..."
  • case byTruncatingMiddle = 5 // Truncate middle of line:  "ab...yz"

好吧,系统这个样子,我们也没有办法,最后采用的方式

  1. 先用 byWordWrapping 计算高度
  2.  高度计算完成,在修改换行模式,paraStyle.lineBreakMode = .byTruncatingTail 
  3. 返回富文本
func getTextAttributed(_ introduce: String) -> NSAttributedString {

    let range = NSRange(location: 0, length: introduce.count)
    let att = NSMutableAttributedString(string: introduce)
    let paraStyle = NSMutableParagraphStyle()
    paraStyle.lineSpacing = 4
    att.addAttribute(.font, value: UIFont.systemFont(ofSize: 14), range: range)
    // 计算内容高度
    let screenWidth = UIScreen.main.bounds.size.width
    let maxSzie = CGSizeMake(screenWidth-40, CGFLOAT_MAX)

    // 换行模式byWordWrapping
    paraStyle.lineBreakMode = .byWordWrapping
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    var size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    print("使用byWordWrapping计算size ", size)

    // 换行模式byTruncatingTail
    paraStyle.lineBreakMode = .byTruncatingTail
    att.addAttribute(.paragraphStyle, value: paraStyle, range: range)
    // size = att.boundingRect(with: maxSzie, options: [.usesLineFragmentOrigin,.usesFontLeading], context: nil).size
    // print("使用byTruncatingTail计算size ", size)

    return att
}


http://www.niftyadmin.cn/n/5358597.html

相关文章

Vue3-Composition-API(二)

一、computed函数使用 1.computed 在前面我们讲解过计算属性computed:当我们的某些属性是依赖其他状态时,我们可以使用计算属性来处理 在前面的Options API中,我们是使用computed选项来完成的; 在Composition API中&#xff0c…

[设计模式Java实现附plantuml源码~结构型]不兼容结构的协调——适配器模式

前言: 为什么之前写过Golang 版的设计模式,还在重新写Java 版? 答:因为对于我而言,当然也希望对正在学习的大伙有帮助。Java作为一门纯面向对象的语言,更适合用于学习设计模式。 为什么类图要附上uml 因为很…

qt内存自动释放的两种情况

qt内存管理机制 QObject的parent 我们时常能看到QWidget或者其他的控件的构造函数中有一项参数parent,默认值都为NULL,例如: QLineEdit(const QString &contents, QWidget *parent nullptr); QWidget(QWidget *parent nullptr, Qt::…

cx_oracle连接oracle的us7ascii数据集乱码问题

1.问题 oracle数据库使用到的字符集是us7ascii,总的来说就是ascii数据集,7位表示一个字符,对于英文还没有问题,但是遇到中文就G了。 查看自己数据库使用的字符集: SELECT value FROM nls_database_parameters WHERE …

“2024成都国际自动驾驶技术展览会”展示前沿技术与创新融合

近年来,新一轮科技革命和产业革命正向纵深发展,以互联网为代表的新一代信息技术与汽车产业的加速融合推动了汽车产品形态和分布的深刻变革,汽车已开始向大型移动智能终端的方向演变。汽车、信息、互联网等企业、研究院所、高校及各国政府纷纷…

计算机二级C语言的注意事项及相应真题-1-程序修改

目录: 注意事项:1.将字符串a中的所有字符复制到字符串b中,要求每复制三个字符之后插入一个空格2.创建带头结点的单向链表,并为各结点数据域赋0到m-1的值3.求出所有满足条件的三位数4.对于长整数n中的各个位置上的数值,…

云原生之steam游戏幻兽帕鲁私服部署

文章目录 服务端部署docker部署docker-compose部署 客户端安装及破解开始游戏 最近幻兽帕鲁这款游戏比较火,小编专门学习了下私服部署方法。由于这款游戏存在内存泄漏问题,运行一段时间就需重启,小编考虑将游戏部署到云原生中,通过…

曲线拟合、多项式拟合、最小二乘法

最近在做自车轨迹预测的工作,遇到 曲线拟合、多项式拟合、最小二乘法这些概念有点不清晰, 做一些概念区别的总结: 曲线拟合用于查找一系列数据点的“最佳拟合”线或曲线。 大多数情况下,曲线拟合将产生一个函数,可用于…