Label高度根据内容变化SnapKi

最新推荐文章于 2020-12-17 08:38:58 发布

AI架构师易筋

最新推荐文章于 2020-12-17 08:38:58 发布

阅读量1.5k

点赞数 1

分类专栏： iOS 文章标签： swift iOS SnapKit

本文链接：https://blog.csdn.net/zgpeace/article/details/93861718

版权

iOS 专栏收录该内容

146 篇文章 19 订阅

订阅专栏

语言: swift, 版本：swift5，XCode：10.2
写作时间：2019-06-27

demo实现

label 根据文字内容自动扩充，label的父视图，根据label的大小而变化
在这里插入图片描述

1. 定义父视图和label对象

	var viewContainer: UIView!
    var label: UILabel!

2. 初始化入口方法

保存约束self.centerYConstraint，实际上上面Y方向已经居中

init() {
    super.init(frame: CGRect.zero)
    setupViewContainer()
    setupCommentField()
    self.backgroundColor = UIColor.green
}

3. 父视图方法

父视图初始化UIView，增加到self的视图中

注意不需要设置约束，在label中设置

func setupViewContainer() {
    viewContainer = UIView()
    viewContainer.backgroundColor = UIColor.blue
    self.addSubview(viewContainer)
}

4. label自动换行，父视图与label高度相对

设置label自动换行

label.numberOfLines = 0
label.lineBreakMode = .byWordWrapping

设置父视图跟label的高度变化

viewContainer.snp.makeConstraints { (make) in
    make.centerY.equalTo(self)
    make.centerX.equalTo(self)
    make.left.equalTo(self).offset(10)
    make.right.equalTo(self).offset(-10)
    make.height.equalTo(label).offset(100)
}

全部代码

func setupCommentField() {
    label = UILabel()
    viewContainer.addSubview(label)
    label.backgroundColor = UIColor.white
    label.numberOfLines = 0
    label.lineBreakMode = .byWordWrapping
    label.text = "hello world, today is a new day. Have a nice day. hello world, today is a new day. Have a nice day. hello world, today is a new day. Have a nice day. hello world, today is a new day. Have a nice day. hello world, today is a new day. Have a nice day. hello world, today is a new day. Have a nice day."
    self.addSubview(label)
    label.snp.makeConstraints { (make) in
        let superView = viewContainer!
        make.left.equalTo(superView).offset(10)
        make.right.equalTo(superView).offset(-10)
        make.centerY.equalTo(superView)
    }
    
    viewContainer.snp.makeConstraints { (make) in
        make.centerY.equalTo(self)
        make.centerX.equalTo(self)
        make.left.equalTo(self).offset(10)
        make.right.equalTo(self).offset(-10)
        make.height.equalTo(label).offset(100)
    }
}