Подтвердить что ты не робот

Плохая производительность UIStackView в UICollectionViewCells

Я использую UIStackView для макета UILabels в моем подклассе UICollectionViewCell. Я использую IOS SDK 9.2

Прокрутка представления коллекции является гладкой, если я не обновляю метки 'text, когда меня удаляют из них. Однако, если я обновляю их text по мере удаления их, прокрутка выполняется очень медленно.

Я сделал очень маленькую демоверсию, чтобы показать проблему, чтобы ее запускали на устройстве (а не на симуляторе). Вы можете создать новый пустой проект и заменить содержимое ViewController.swift на это:

import UIKit

class ViewController: UIViewController {

    override func loadView() {
        view = UIView()

        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSize(width: 100, height: 200)
        let collectionView = UICollectionView(frame: CGRectZero, collectionViewLayout: layout)
        collectionView.registerClass(Cell.self, forCellWithReuseIdentifier: "Cell")
        collectionView.translatesAutoresizingMaskIntoConstraints = false
        collectionView.dataSource = self
        view.addSubview(collectionView)

        let constraints = ["H:|-[collectionView]-|",
            "V:|[collectionView]|"
        ].flatMap { NSLayoutConstraint.constraintsWithVisualFormat($0, options: [], metrics: nil, views: ["collectionView": collectionView])
        }
        NSLayoutConstraint.activateConstraints(constraints)

    }
}

extension ViewController: UICollectionViewDataSource {
    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! Cell

        //comment out the line below to make the scrolling smoother: 
        cell.fillLabels()

        return cell
    }
    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 100
    }
}

class Cell: UICollectionViewCell {

    var labelArray = [UILabel]()

    func fillLabels() {
        for label in labelArray {
            label.text = "\(label.text!) yo"
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)

        contentView.backgroundColor = UIColor.whiteColor()

        let stackView = UIStackView()
        stackView.axis = .Horizontal
        stackView.alignment = .Leading
        stackView.distribution = .EqualSpacing
        stackView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(stackView)

        let leftStack = UIStackView()
        leftStack.axis = .Vertical

        let rightStack = UIStackView()
        rightStack.axis = .Vertical

        stackView.addArrangedSubview(leftStack)
        stackView.addArrangedSubview(rightStack)

        for index in 0...10 {
            let leftLabel = UILabel()
            leftLabel.text = "\(index)"
            leftStack.addArrangedSubview(leftLabel)

            labelArray.append(leftLabel)

            let rightLabel = UILabel()
            rightLabel.text = "\(index)"
            rightStack.addArrangedSubview(rightLabel)

            labelArray.append(rightLabel)
        }


        let constraints = [
            "H:|[stackView]|",
            "V:|[stackView]|"
            ].flatMap {
                NSLayoutConstraint.constraintsWithVisualFormat($0, options: [], metrics: nil, views: ["stackView": stackView])
        }

        NSLayoutConstraint.activateConstraints(constraints)

    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

Вы заметите, что прокрутка гладкая, когда вы прокомментируете вызов fillLabels.

Если вы попытаетесь воспроизвести один и тот же макет без UIStackViews и включите вызов fillLabels, вы заметите, что прокрутка также плавная.

Это говорит о том, что UIStackView страдает узкими местами производительности, если он пересчитал свой макет.

Правильно ли эта гипотеза? Существуют ли какие-то решения?

4b9b3361

Ответ 1

Не пытались ли вы использовать автоматическую компоновку? По моему опыту авто макет является виновником производительности во многих ситуациях.

Попытайтесь не перевести translatesAutoresizingMaskIntoConstraints в false (по умолчанию это правда), а также избавиться от компоновки, основанной на ограничении самого представления коллекции (вместо этого используйте авторезистирующие маски).