iOS开发tips-UITableView、UICollectionView行高/尺寸自适应

最新推荐文章于 2023-03-01 16:40:52 发布

KenshinCui

最新推荐文章于 2023-03-01 16:40:52 发布

阅读量5.9k

点赞数

分类专栏： iOS iOS深入浅出文章标签： iOS Swift

本文链接：https://blog.csdn.net/kenshincui/article/details/55002487

版权

本文介绍了在iOS开发中，如何实现UITableView和UICollectionView的行高或尺寸自适应。通过设置estimatedRowHeight和UITableViewAutomaticDimension，配合UITableViewCell的contentView约束，可以实现UITableView的自适应行高。而对于UICollectionView，除了设置estimatedItemSize，还需要通过UICollectionViewCell的contentView子视图确定宽度和高度，并设置相应的约束。文中通过实例展示了自适应布局的效果。

摘要由CSDN通过智能技术生成

UITableView

我们都知道UITableView从iOS 8开始实现行高的自适应相对比较简单，首先必须设置estimatedRowHeight给出预估高度，设置rowHeight为UITableViewAutomaticDimension（注意：如果不修改rowHeight默认就是UITableViewAutomaticDimension），对于这两个参数除了直接修改tableview对应的属性之外仍然支持使用对应的代理方法设置。最后只要在UITableViewCell中设置contentView的约束即可。由于UITableViewCell的宽度等同于UITableView因此约束的设置事实上只是为了自动计算高度。通常的做法就是设置contentView的top和bottom约束，而后其内部子视图可以提供intrinsicContentSize（例如UIButtonUILabel默认就已经提供）或者已经有明确的height约束。这样一来就可以做到子控件确定了自身高度，而contentView子控件又设置了和contentView相关的bottom约束来反向计算出UITableViewCell的实际高度。
下面仍然以前面UITableView文章的自定义Cell举例，相比之前大量的运算而言Self-Sizing Cells可以说简化了很多。除了设置estimatedRowHeight外最重要的就是添加相关Autolayout约束。由于头像高度已经固定，内容高度可以通过固有高度自动计算，而二者的间隔和top、bottom约束已经固定，从而Self-Sizing Cells可以自动计算出Cell的高度。
高度计算约束关系：

Cell布局代码：

    import UIKit
    import SnapKit

    class StatusTableViewCell: UITableViewCell {

        // MARK: - 公共属性
        var status:Status! {
            didSet {
                self.avatarImageView.image = UIImage(named: status.profileImageUrl)
                self.userNameLabel.text = status.userName
                self.mtypeImageView.image = UIImage(named: status.mbtype)
                self.createdAtLabel.text = status.createdAt
                self.sourceLabel.text = status.source
                self.contentLabel.text = status.text
            }
        }

        // MARK: - 生命周期及方法覆盖
        override func awakeFromNib() {
            super.awakeFromNib()
        }

        override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
            super.init(style: style, reuseIdentifier: reuseIdentifier)
            self.setup()
        }

        required init?(coder aDecoder: NSCoder) {
            super.init(coder: aDecoder)
        }

        override func setSelected(_ selected: Bool, animated: Bool) {

        }

        // MARK: - 私有方法
        private func setup() {
            self.contentView.addSubview(self.avatarImageView)
            self.contentView.addSubview(self.userNameLabel)
            self.contentView.addSubview(self.mtypeImageView)
            self.contentView.addSubview(self.createdAtLabel)
            self.contentView.addSubview(self.sourceLabel)
            self.contentView.addSubview(self.contentLabel)

            self.avatarImageView.snp.makeConstraints { (make) in
                make.top.left