swift ——多行文字前面内容省略

首先来说一说ios中的 lineBreakMode
lineBreakMode : 设置文字过长时的显示截断样式

可选值如下

  • byWordWrapping : 以单词为单位换行,以单词为单位截断。
  • byCharWrapping :以字符为单位换行,以字符为单位截断。
  • byClipping : 以单词为单位换行,以字符为单位截断。
  • byTruncatingHead : 以单词为单位换行, 如果是单行,则开始部分有省略号。如果是多行,则中间有省略号。
  • byTruncatingTail : 以单词为单位换行, 无论是单行还是多行,都是末尾有省略号。
  • byTruncatingMiddle : 以单词为单位换行, 无论是单行还是多行,都是中间有省略号。

三种省略方式如下


byTruncatingHead为头部截断,但是文字为多行时省略的是中间内容而不是头部内容,下面我们就来实现多行文字,文字超过设定行数后省略头部的功能

首先根据容器的宽度和字体的大小计将文本分割成多行

Swift 复制代码
func splitTextIntoLines(text: String, width: CGFloat, font: UIFont) -> [String] {
        let textBox = CGSize(width: width, height: CGFloat.greatestFiniteMagnitude) // 设定文本框的宽和最大高
        let attributes: [NSAttributedString.Key: Any] = [.font: font] // 定义属性字典,为了设置字体

        // 创建NSTextStorage,并应用上面定义的属性
        let textStorage = NSTextStorage(string: text, attributes: attributes)
        let layoutManager = NSLayoutManager() // 创建布局管理器
        textStorage.addLayoutManager(layoutManager) // 将布局管理器添加到文本存储中

        // 创建NSTextContainer,设置其大小为之前定义的textBox
        let textContainer = NSTextContainer(size: textBox)
        textContainer.lineFragmentPadding = 0 // 设置行片段(padding)的填充为0
        textContainer.maximumNumberOfLines = 0 // 表示没有最大行数限制
        textContainer.lineBreakMode = .byWordWrapping // 设置折行模式为按单词换行
        layoutManager.addTextContainer(textContainer) // 将文本容器添加到布局管理器中

        var lines: [String] = [] // 创建一个数组用于存储分割后的每一行文本
        
        var range = NSRange(location: 0, length: 0) // 初始化一个NSRange对象

        // 使用enumerateLineFragments方法获取每一行的文本
        layoutManager.enumerateLineFragments(forGlyphRange: NSRange(location: 0, length: layoutManager.numberOfGlyphs)) { _, usedRect, _, glyphRange, _ in
            
            // 将NSRange类型的glyphRange转换为Range<String.Index>类型,这样可以安全地使用Swift的String索引
            let characterRange = Range(glyphRange, in: text)
            if let characterRange = characterRange {
                let line = String(text[characterRange]) // 从原始文本中获取行文本并添加到lines数组
                lines.append(line)
            }
            
            range = NSUnionRange(range, glyphRange) // 更新处理过的字符范围
        }
        
        return lines // 返回包含所有行的数组
    }

获取想要的行数文字

Swift 复制代码
/**
           text:字符串
            font:字号
            limit:显示行数
     */
    func truncat(text:String,width: CGFloat, font: UIFont,limit:Int) -> String{
        let allLines =  splitTextIntoLines(text: text, width: width, font: font)
        let lines = allLines.suffix(limit)
        var origString = ""
        for (index,line) in lines.enumerated() {

            origString += line
        }

        print(origString)
        return "...\(origString)"
    }

效果如下

要注意的是 truncat传入的width和font要与文字容器的宽度和文字字体一致

相关推荐
2401_857439691 小时前
SSM 架构下 Vue 电脑测评系统:为电脑性能评估赋能
开发语言·php
SoraLuna2 小时前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
开发语言·macos·ui·华为·harmonyos
xlsw_2 小时前
java全栈day20--Web后端实战(Mybatis基础2)
java·开发语言·mybatis
Dream_Snowar3 小时前
速通Python 第三节
开发语言·python
高山我梦口香糖4 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
信号处理学渣4 小时前
matlab画图,选择性显示legend标签
开发语言·matlab
红龙创客4 小时前
某狐畅游24校招-C++开发岗笔试(单选题)
开发语言·c++
jasmine s4 小时前
Pandas
开发语言·python
biomooc4 小时前
R 语言 | 绘图的文字格式(绘制上标、下标、斜体、文字标注等)
开发语言·r语言
骇客野人4 小时前
【JAVA】JAVA接口公共返回体ResponseData封装
java·开发语言