UITableViewCell 在 iOS 11 中表现不同

Question

我以编程方式完成了一个 UITableViewCell，它与 iOS 10 一起工作得很好。但是在用 iOS 11 和 XCode 9 更新后，它的行为有所不同。布局看起来乱糟糟的，如下所示。

但是如果我点击单元格，它会重新排列并看起来很好，如下所示。

这里是 UITableViewCell

的代码

import UIKit
import SnapKit

class AboutCell: UITableViewCell {

    let roleLabel : UILabel = {
        var tablelabel = UILabel()
        tablelabel.font = UIFont (name: "Avenir Next Medium", size: 22)
        tablelabel.textAlignment = .center
        tablelabel.clipsToBounds = true
        tablelabel.translatesAutoresizingMaskIntoConstraints = false
        return tablelabel
    }()
    let nameLabel : UILabel = {
        let tablelabel = UILabel()
        tablelabel.font = UIFont (name: "Avenir Next Medium", size: 16)
        tablelabel.textAlignment = .center
        tablelabel.clipsToBounds = true
        tablelabel.translatesAutoresizingMaskIntoConstraints = false
        return tablelabel
    }()
    let webUrlLabel : UILabel = {
        let tablelabel = UILabel()
        tablelabel.font = UIFont (name: "Avenir Next Medium", size: 16)
        tablelabel.textAlignment = .center
        tablelabel.clipsToBounds = true
        tablelabel.translatesAutoresizingMaskIntoConstraints = false
        return tablelabel
    }()


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

        setupViews()
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        roleLabel.frame = CGRect(x: 0, y: 10, width: self.contentView.bounds.size.width-20, height: 25)
        nameLabel.frame = CGRect(x: 0, y: roleLabel.frame.origin.y+25, width: self.bounds.size.width-20, height: 25)
        webUrlLabel.frame = CGRect(x: 0, y: nameLabel.frame.origin.y+25, width: self.bounds.size.width-20, height: 25)

    }

    func setupViews(){
        contentView.addSubview(roleLabel)
        contentView.addSubview(nameLabel)
        contentView.addSubview(webUrlLabel)
    }

    func setValuesForCell(contributor : Contributors){
        roleLabel.text = contributor.contributorRole
        nameLabel.text = contributor.contributorName
        webUrlLabel.text = contributor.contributorWeb
    }

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

}

以及我为 TableView 委托和数据源编写的扩展

extension AboutController : UITableViewDelegate, UITableViewDataSource{
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return contributorList.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell : AboutCell = tableView.dequeueReusableCell(withIdentifier: self.cellid, for: indexPath) as! AboutCell
        cell.selectionStyle = .default
        let contributor : Contributors = contributorList[indexPath.row]
        cell.setValuesForCell(contributor: contributor)

        return cell
    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print(indexPath.row)

        tableView.deselectRow(at: indexPath, animated: true)

    }
}

和 ViewDidLoad 方法

override func viewDidLoad() {
        super.viewDidLoad()
        tableView.estimatedRowHeight = 100.0
        tableView.rowHeight = 100
        tableView.register(AboutCell.self, forCellReuseIdentifier: self.cellid)

        view.addSubview(tableView)
        tableView.snp.makeConstraints { (make) in
            make.top.right.bottom.left.equalToSuperview()
        }

        let mayu = Contributors(contibutorRole: "Developer", contributorName: "J Mayooresan", contributorWeb: "http://jaymayu.com")
        let janie = Contributors(contibutorRole: "Voice Artist", contributorName: "M Jananie", contributorWeb: "http://jaymayu.com")
        let arjun = Contributors(contibutorRole: "Aathichudi Content", contributorName: "Arjunkumar", contributorWeb: "http://laymansite.com")
        let artist = Contributors(contibutorRole: "Auvaiyar Art", contributorName: "Alvin", contributorWeb: "https://www.fiverr.com/alvincadiz18")

        contributorList = [mayu, arjun, janie, artist]

        tableView.delegate = self
        tableView.dataSource = self


        self.tableView.reloadData()


    }

Answer 1

~~由于您使用自动布局布置 tableView，因此还需要确保 translatesAutoresizingMaskIntoConstraints 设置为 false。~~

SnapKit 应该已经为您将 tableView 的 translatesAutoresizingMaskIntoConstraints 设置为 false。

因为您手动布置单元格（使用 layoutSubviews 中的框架）。可能不需要将单元格子视图的 translatesAutoresizingMaskIntoConstraints 设置为 false。

请在此处查看 Apple 文档以了解 translatesAutoresizingMaskIntoConstraints

UITableViewCell 在 iOS 11 中表现不同

UITableViewCell behaves differently in iOS 11

uitableview

ios

swift

ios-autolayout