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

原创

已于 2024-01-05 17:56:27 修改 · 1.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#swift #开发语言 #ios #swiftui

于 2024-01-05 17:21:48 首次发布

本文详细介绍了iOS中的lineBreakMode属性在处理文本过长时的不同截断选项，如按单词或字符换行，并提供了如何根据容器宽度和字体分割多行文本以及实现特定省略策略的代码示例。

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

可选值如下

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

三种省略方式如下

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

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

func splitTextIntoLines(text: String, width: CGFloat, font: UIFont) -> [String] {
        let textBox = CGSize(width: width, height:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丝月

关注关注

8
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

2、Swift 编程基础与架构解析

egg99的博客

09-25

本文深入解析了Swift编程语言的基础知识与核心架构，涵盖开发环境、iOS编程框架特点、学习资源比较及代码版权说明。系统介绍了Swift的语句结构、注释、代码块、编译特性，以及‘一切皆对象’的核心理念。详细讲解了函数声明与高级特性、变量作用域与内置类型、三种对象类型（类、结构体、枚举）的使用，并探讨了多态性、协议、泛型、扩展、集合类型等面向对象编程概念。最后综合阐述了流程控制、错误处理、键路径、自定义运算符及内存管理等内容，为iOS开发者提供全面的Swift学习路径和实践指导。

ios-Swift 滚动文字和图片，一行两行或多行.zip

07-11

Swift 滚动文字和图片，一行两行多行滚动，支持添加图片和标签

参与评论您还未登录，请先登录后发表或查看评论

iOS UILabel的lineBreakMode省略模式设置

fongim的博客

02-01

1276

UILabel的lineBreakMode省略模式设置

css 文本显示两行超过显示省略号

最新发布

在职可交流前端开发，包括：web端、uniapp等，欢迎指教。

11-06

629

适用于现代浏览器兼容性：Chrome、Safari、Edge、Firefox备注：最简单最推荐max-height ＋ ::after伪元素兼容旧版浏览器，如IE、旧版Firefox兼容性：所有浏览器备注：需要手动调整max-height。

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

gcs的博客

01-27

1867

需求上是文字固定宽度，最多显示3行，超过3行尾部打点展示。在一次开发过程中，发现带有行间距的富文本计算高度，会有不准确的情况，富文本内容明明很长，但是计算出的高度只有不到20像素，导致整个cell的高度计算异常。测试后发现，系统的5个枚举中，只有 byWordWrapping和byCharWrapping 计算准确，带有截断方式的case，计算都是错误的。这时候算出来的size高度只有17像素，真实显示到屏幕上Label的高度是58像素。好吧，系统这个样子，我们也没有办法，最后采用的方式。

Swift - 多行文本输入框(UITextView)

weixin_30907935的博客

12-02

205

1，多行文本控件的创建 1 2 3 4 lettextview =UITextView(frame:CGRect(x:10, y:100, width:200, height:100)) textview.layer.borderWidth = 1//边框粗细 textview.layer.borderColor =UIColor....

swift UI专项训练19 TextView 多行文本

Cwift的专栏

02-28

5550

有时候我们所要展示的内容一行文本放不下，这就需要多行文本TextView，拖拽的时候注意上界不要超过电池的小图标。可以在属性编辑器中对多行文本的内容进行更改，按住control键和回车键换行。运行效果如图：如果我们把text选项的Plain改成Attributed的话，我们可以对内容进行进一步的编辑。比如大小字体和颜色等：效果如图：

iphone——Swift中文教程完整版

06-24

### Swift中文教程知识点详解 #### 一、Swift简介与特性 ...通过以上内容，我们不仅了解了 Swift 的基础知识，还深入探索了它的高级特性，这为我们更好地利用 Swift 编写高质量的应用程序打下了坚实的基础。

Swift UI 完全开发（1-2）第一个程序与Text文字控件

wwyyxhzzy

04-29

1150

对应《Swift UI 完全开发》原书第1章至第2章P.S. 文章内容为个人阅读后认为的重点，顺序与原书存在不一致，有任何疑问欢迎评论。

Swift 5.10官方文档（中文版，自翻）

wwyyxhzzy

04-28

4298

传统上，新语言的第一个程序应该打印“Hello, world!”，在屏幕上。如果您了解其他语言，那么这个语法应该看起来很熟悉——在Swift中，这行代码是一个完整的程序。您不需要为输出文本或处理字符串等功能导入单独的库。在全局范围内编写的代码用作程序的入口点，因此不需要main()函数。您也不需要在每个语句的末尾写分号。本教程通过向您展示如何完成各种编程任务，为您提供了足够的信息来开始用Swift编写代码。如果你不懂什么也不用担心——本书的其余部分会详细解释本指南中介绍的所有内容。

swift 字符串多行_Swift初见

weixin_42312392的博客

01-31

403

今日份毒鸡汤，我干了，你随意~~~偶尔的发泄很有必要。毕竟弦绷得太紧，也需要适当放松。当痛苦让你快承受不住时，放声大哭也没什么不可以。只是请记得，不要在悲伤的情绪里沉溺太久，也不要在崩溃的边缘停留太久。那些让你痛苦焦虑的事情，或许实际上并没有你想象的那么严重，很多情况下只是自己吓唬自己罢了。所以，你要做的不是接下来立刻赢，而是现在不能输。终有一天，那些你受过的苦，吃过的亏，担的责，忍的痛...

「Swift学习笔记」使用UILabel显示多行文本

www.hohode.com

10-05

1315

http://www.jianshu.com/p/ee6e4394d468

Swift - 多行文本输入框（UITextView）的用法

06-25

2426

// 多行文本控件的创建 let textView = UITextView(frame: CGRectMake(10, 100, 200, 100)) textView.layer.borderWidth = 1 // 边框粗细 textView.layer.borderColor = UIColor.grayColor().CGColor //

swift 实现一段文字右下角最后一行提前开始省略

HeTingwei的博客

06-02

372

swift 实现右下角提前预留位置开始省略的文案。

Swift字符串多行的写法

俊而不逊的博客

12-04

3034

在swift中字符串是双引号("")表示，例如"张三"，"李四"，"abc"，"123" 那么多行字符串改如何表示呢？ 1.普通的字符串 var str = "Hello, playground" 2.多行字符串 let moreRows = """ 我是第一行:"我是字符串" 我是第二行:小明今天\(10)岁了我是第三行:小明的爱好有\n踢球，游泳，画画\t还有看书和唱歌 """ 运行结果从运行结果，我们可以看出，在swift中多行字符串用”“” “”“ 来表示，在这中间的区域.

SwiftUI解决单行多行文本输入需求TextField和TextView

iCloudEnd的博客

04-23

1413

效果 Jietu20200206-134350@2x.jpg 单行文本单行文本 import SwiftUI struct NormalTextFieldDemo: View { @State var oneText = "" var body: some View { VStack{ ...

Swift 对字符串换行多行输出的优化

秋秋小事

04-26

1212

// // StringEnhance.swift // SwiftCode // // Created by Alisa on 2022/4/17. // Copyright © 2022 Alisa. All rights reserved. // import Foundation /* ** Swift4引入字面量创建多行文本的语法这种方式大大的减少在创建字符串时人为添加换行符的工作量 ** Swift5中引入了字符串界定符的语法，其可以指定哪个位置为字符串的边界，.

实现满足多行显示省略号

IT_iosers的博客

08-06

318

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /*多行在这里修改数字即可*/ overflow:hidden; /* autoprefixer: ignore next */ -webkit-box-orient: vertical;

文本超出隐藏，并显示省略号

qq_41988669的博客

06-11

882

css 文本超出隐藏，并显示省略号

Swift UITextField 多行输入

06-27

### 设置 UITextField 支持多行输入 `UITextField` 默认情况下仅支持单行输入，若需实现多行输入功能，需要结合 `UITextView` 或使用自定义方案。以下是具体实现方法： #### 使用 UITextView 实现多行输入由于 `UITextField` 本身不支持多行显示，通常推荐使用 `UITextView` 来替代其功能，并通过设置其属性来实现多行输入需求。 ```swift let textView = UITextView() textView.isScrollEnabled = false // 禁止滚动以适应多行内容 textView.font = UIFont.systemFont(ofSize: 14) textView.textContainer.maximumNumberOfLines = 0 // 允许无限行数 textView.textContainer.lineBreakMode = .byWordWrapping // 按单词换行 textView.layer.borderColor = UIColor.lightGray.cgColor textView.layer.borderWidth = 1.0 textView.delegate = self ``` 此外，可以通过添加占位符文本（placeholder）提升用户体验，例如在 `XYUITextView` 中实现类似 `UITextField` 的占位提示功能，具体做法是通过设置 `_placeholderLabel` 属性并将其添加到视图中 [^2]。 #### 自定义 UITextField 多行输入虽然 `UITextField` 不直接支持多行输入，但可通过调整其 `intrinsicContentSize` 并结合 `UILabel` 或 `UITextView` 实现类似效果。然而，这种做法较为复杂且容易引发布局问题，因此不建议采用。 #### 示例代码：基于 UITextView 的多行输入组件 ```swift class XYUITextView: UITextView { var placeholder: String? { willSet { let placeholderLabel = UILabel() placeholderLabel.text = newValue placeholderLabel.numberOfLines = 0 placeholderLabel.textColor = .lightGray placeholderLabel.font = UIFont(name: "PingFang SC", size: 14) addSubview(placeholderLabel) setValue(placeholderLabel, forKey: "_placeholderLabel") } } override init(frame: CGRect, textContainer: NSTextContainer?) { super.init(frame: frame, textContainer: textContainer) commonInit() } required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) commonInit() } private func commonInit() { isScrollEnabled = false textContainer.maximumNumberOfLines = 0 textContainer.lineBreakMode = .byWordWrapping } } ``` 在界面中使用时可如下所示： ```swift let textView = XYUITextView() textView.placeholder = "请输入文字" textView.frame = CGRect(x: 20, y: 100, width: view.bounds.width - 40, height: 100) textView.backgroundColor = .yellow view.addSubview(textView) ``` #### 注意事项 - `UITextView` 是 `UIScrollView` 类型的子类，因此默认不会捕获所有交互事件，而 `UITextField` 作为 `UIControl` 类型则具备更强的事件响应能力 [^3]。 - 若需更复杂的多行输入逻辑，如自动高度调整、动态占位符等，建议参考 SwiftUI 的 `TextEditor` 组件实现方式 [^4]。 ---