Swift UILabel高度自适应 (UILabel高度和宽度随文本的字数动态适应时,UILabel上下部分会留白无法填充满的问题解决方案)

29 篇文章 1 订阅
27 篇文章 0 订阅

在项目中使用UILabel时通常需要实现高度自适应,方法就是先计算文本字体的数目然后去计算需要的高度:

方法如下:

let label = UILabel()
label.backgroundColor = UIColor.gray
label.text = "testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest"
        
label.font = UIFont.systemFont(ofSize: 15)
label.textColor = UIColor.red
label.textAlignment = .left
label.numberOfLines = 0
label.lineBreakMode = NSLineBreakMode.byWordWrapping
let boundingRect = label.text!.boundingRect(with: CGSize(width: 200, height: 0), options: .usesLineFragmentOrigin, attributes:[NSAttributedString.Key.font:UIFont.systemFont(ofSize: 14)], context: nil)
label.frame = CGRect(x: 10, y: 200, width: self.view.frame.width - 20, height: boundingRect.height)
self.view.addSubview(label)

实现效果如下:

我们会发现label的上下部门会有留白我们无法填充满。这会导致如果我们的label的下面和上面需要再添加UI时,UI的布局就会乱掉。

那么解决的方法也很简单,只需要改变计算文本字数的方法,设置高度为CGFloat(MAXFLOAT)即可,方法如下:

let label = UILabel()
label.backgroundColor = UIColor.gray
label.text = "testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest"
        
label.font = UIFont.systemFont(ofSize: 15)
label.textColor = UIColor.red
label.textAlignment = .left
label.numberOfLines = 0
label.lineBreakMode = NSLineBreakMode.byWordWrapping
let size = label.sizeThatFits(CGSize(width: self.view.frame.width, height: CGFloat(MAXFLOAT)))
label.frame = CGRect(x: 10, y: 200, width: self.view.frame.width - 20, height: size.height)
self.view.addSubview(label)

结果如下:

### 回答1: UILabel 高度自适应是指根据文本内容的多少自动调整UILabel高度,使得文本能够完整显示并且没有截断。在Swift中,可以通过以下几个步骤来实现UILabel高度自适应。 1. 设置UILabel的numberOfLines属性为0,表示文本可以显示多行。 ``` label.numberOfLines = 0 ``` 2. 设置UILabel的preferredMaxLayoutWidth属性为UILabel宽度,确保文本能够根据UILabel宽度进行换行。 ``` label.preferredMaxLayoutWidth = label.frame.width ``` 3. 根据文本内容和UILabel宽度计算出合适的UILabel高度。可以通过UILabel的text属性获取文本内容,再利用boundingRect方法计算出文本所占据的空间。 ``` let text = label.text ?? "" let size = CGSize(width: label.frame.width, height: .greatestFiniteMagnitude) let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin) let attributes = [NSAttributedString.Key.font: label.font] let boundingRect = text.boundingRect(with: size, options: options, attributes: attributes, context: nil) let height = ceil(boundingRect.height) ``` 4. 更新UILabel的frame属性,将高度设置为计算出的合适高度。 ``` label.frame.size.height = height ``` 通过以上步骤,我们就可以实现UILabel高度自适应。当文本内容改变,只需要重新计算高度并更新UILabel的frame即可。这样就能确保UILabel始终能够完整显示文本内容,而不出现截断。 ### 回答2: 在Swift中,可以通过以下步骤实现UILabel高度自适应: 1. 首先,我们需要将UILabel的numberOfLines属性设置为0,表示可以显示任意行数的文本。 ```swift label.numberOfLines = 0 ``` 2. 接下来,需要设置UILabel宽度约束,即限制UILabel宽度,以便计算文本在给定宽度下的高度。 ```swift label.widthAnchor.constraint(equalToConstant: desiredWidth).isActive = true ``` 3. 然后,使用UILabel的text属性来设置要显示的文本内容。 ```swift label.text = "这是要显示的文本内容" ``` 4. 最后,在对UILabel的布局进行更新之后,我们需要调用UILabel的sizeToFit()方法来计算并适应UILabel高度。 ```swift label.sizeToFit() ``` 完成这些步骤后,UILabel将根据显示的文本内容自动调整高度,以适应所设置的宽度约束。 需要注意的是,当UILabel文本过长自适应高度可能导致UILabel宽度变窄,以保持文本的显示完整性。 ### 回答3: UILabelSwift 中可以通过使用 `sizeToFit()` 方法来实现高度自适应。 sizeToFit() 方法用于根据UILabel中的文本内容调整其大小,以确保文本内容不被截断。当调用这个方法UILabel根据当前设置的字体、文本内容和自动布局约束来自动计算并调整其大小。 首先,创建一个UILabel对象,并设置其属性,比如文本内容、字体大小和布局约束。 ```swift let label = UILabel() label.text = "这是一个需要自适应高度UILabel" label.font = UIFont.systemFont(ofSize: 16) label.numberOfLines = 0 // 设置为0表示自动换行 // 设置UILabel宽度约束 let maxWidth = UIScreen.main.bounds.width - 20 // 假设UILabel的最大宽度是屏幕宽度减去左右边距 label.widthAnchor.constraint(lessThanOrEqualToConstant: maxWidth).isActive = true ``` 接下来,调用`sizeToFit()`方法来自动计算并调整UILabel的大小。 ```swift label.sizeToFit() ``` 通过以上代码,UILabel高度根据文本内容自动计算并调整,确保文本被截断。UILabel根据字体大小和布局约束,自动计算所需的高度。 最后,可以通过如下代码将UILabel添加到父视图中。 ```swift parentView.addSubview(label) ``` 这样,UILabel根据文本内容自动调整高度,并显示在父视图中。 通过使用以上的方法,就可以实现UILabel高度自适应功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值