UITableViewAutomaticDimension изменяется несколько раз - PullRequest
Новая
       25

UITableViewAutomaticDimension изменяется несколько раз

0 голосов
/ 28 апреля 2018

У меня есть проект, который использует динамический шрифт iOS по умолчанию. Как так, я использую UITableViewAutomaticDimension для высоты. Я делаю все программно, поэтому я устанавливаю ограничения для своих пользовательских ячеек.

Мое понимание ограничений и UITableViewCell с

Из того, что я могу понять об ограничениях, является то, что когда вы применяете их к superView, атрибуты, которые вы устанавливаете для ограничения, будут вынуждены перемещаться в зависимости от размера superView. Но если вы установите ограничения на contentView из UITableViewCell, то атрибут, для которого вы устанавливаете ограничения, заставит UITableViewCell изменить его высоту, ширину и т.д.

CustomTableViewCell 

import SnapKit

lazy var loadingIndicator: UIActivityIndicatorView = {
    let loadingIndicator = UIActivityIndicatorView(activityIndicatorStyle: .gray)
    loadingIndicator.sizeToFit()

    loadingIndicator.autoresizingMask = [UIViewAutoresizing.flexibleHeight]
    loadingIndicator.hidesWhenStopped = true

    return loadingIndicator
}()

lazy var logoImageView: UIImageView = {
    let logoImageView = UIImageView()

    logoImageView.contentMode = UIViewContentMode.scaleAspectFit
    logoImageView.backgroundColor = UIColor.white

    logoImageView.clipsToBounds = true

    return logoImageView
}()

lazy var storeLabel: UILabel = {
    let storeLabel = UILabel()
    storeLabel.sizeToFit()

    storeLabel.font = UIFont.preferredFont(forTextStyle: .footnote)
    storeLabel.adjustsFontForContentSizeCategory = true
    storeLabel.textColor = UIColor.lightGray

    return storeLabel
}()

lazy var priceLabel: UILabel = {
    let priceLabel = UILabel()
    priceLabel.sizeToFit()

    priceLabel.font = UIFont.preferredFont(forTextStyle: .title1)
    priceLabel.adjustsFontForContentSizeCategory = true
    priceLabel.textColor = UIColor.black

    return priceLabel
}()

lazy private var stackView: UIStackView = {
    let stackView = UIStackView()
    stackView.sizeToFit()

    stackView.axis = UILayoutConstraintAxis.vertical
    stackView.alignment = UIStackViewAlignment.leading
    stackView.distribution = UIStackViewDistribution.fill
    stackView.spacing = 0

    return stackView
}()

lazy private var priceStackView: UIStackView = {
    let priceStackView = UIStackView()
    priceStackView.sizeToFit()

    priceStackView.axis = UILayoutConstraintAxis.horizontal
    priceStackView.alignment = UIStackViewAlignment.center
    priceStackView.distribution = UIStackViewDistribution.fill
    priceStackView.spacing = 0

    return priceStackView
}()

override func draw(_ rect: CGRect) {
    super.draw(rect)

    let margins = contentView.layoutMarginsGuide

    contentView.addSubview(logoImageView)
    contentView.addSubview(stackView)

    stackView.addArrangedSubview(storeLabel)
    stackView.addArrangedSubview(priceStackView)

    priceStackView.addArrangedSubview(loadingIndicator)
    priceStackView.addArrangedSubview(priceLabel)

    logoImageView.snp.makeConstraints { (make) in
        make.left.equalTo(layoutMarginsGuide).offset(layoutMargins.left * 0.5)
        make.centerY.height.equalTo(layoutMarginsGuide)
        make.width.equalTo(logoImageView.snp.height)
    }

    stackView.snp.makeConstraints { (make) in
        make.left.equalTo(logoImageView.snp.right).offset(layoutMargins.left * 1.5)
        make.right.centerY.equalTo(margins)
        make.height.equalTo(margins).offset(-15)
    }
}

выход

Все должно работать идеально, но я не получаю желаемой высоты .

Сначала высота, через секунду высота меняется на это , а конечная желаемая высота это . Я неправильно устанавливаю ограничения или это просто общая ошибка iOS?

Ответы [ 2 ]

0 голосов
/ 11 июня 2018

Проблема оказалась функцией, в которой я объявлял ограничения внутри. Вместо использования функции переопределения draw(_ rect: CGRect) мне нужно было использовать функцию переопределения init(style: UITableViewCellStyle, reuseIdentifier: String?). Единственная причина, по которой я мог подумать об этом, заключается в том, что функция рисования происходит после инициализации и после установки полей. Поэтому ограничения не успевают обновиться.

Вот обновленная функция draw(_ rect: CGRect) до init(style: UITableViewCellStyle, reuseIdentifier: String?): 

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

    let margins = contentView.layoutMarginsGuide

    contentView.addSubview(logoImageView)
    contentView.addSubview(stackView)

    stackView.addArrangedSubview(storeLabel)
    stackView.addArrangedSubview(priceStackView)

    priceStackView.addArrangedSubview(loadingIndicator)
    priceStackView.addArrangedSubview(priceLabel)

    logoImageView.snp.makeConstraints { (make) in
        make.left.equalTo(layoutMarginsGuide).offset(layoutMargins.left * 0.5)
        make.centerY.height.equalTo(layoutMarginsGuide)
        make.width.equalTo(logoImageView.snp.height)
    }

    stackView.snp.makeConstraints { (make) in
        make.left.equalTo(logoImageView.snp.right).offset(layoutMargins.left * 1.5)
        make.right.centerY.equalTo(margins)
        make.height.equalTo(margins).offset(-15)
    }
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}
0 голосов
/ 28 апреля 2018

ContentView должен знать, что это размер из подпредставлений, а не наоборот

Удалите logoImageView ограничения и добавьте их вместо 

logoImageView.topAnchor.constraint(equalTo: self.contentView.topAnchor).isActive = true

logoImageView.bottomAnchor.constraint(equalTo: self.contentView.bottomAnchor).isActive = true

logoImageView.leadingAnchor.constraint(equalTo: self.contentView.leadingAnchor, constant: layoutMargins.left * 0.5).isActive = true

logoImageView.heightAnchor.constraint(equalToConstant: 100 ).isActive = true

logoImageView.widthAnchor.constraint(equalToConstant: 100 ).isActive = true
...