Question

我注意到collectionview每个单元占用多达50 MB的内存（显然是一个问题），经过一些测试，这似乎是我的自定义UICollectionViewCell本身。该单元格应该看起来像这样：

这是单元格的类。我的猜测是，我试图使它过于花哨，并且我正在用太多的资源来显示内容。

import UIKit

class UserCell: UICollectionViewCell {

    let profilePicImageView: AsyncImageView = {
        let imageView = AsyncImageView()
        imageView.layer.masksToBounds = true
        imageView.layer.borderWidth = 1
        imageView.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        return imageView
    }()

    let usernameLabel: UILabel = {
        let label = UILabel()
        label.textColor = .white
        label.alpha = 0.9
        label.font = label.font.withSize(15)
        label.text = ""
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let rankLabel: UILabel = {
        let label = UILabel()
        label.textColor = UIColor(r: 60, g: 151, b: 138)
        label.font = label.font.withSize(15)
        label.sizeToFit()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let regionLabel: UILabel = {
        let label = UILabel()
        label.textColor = .white
        label.textAlignment = .center
        label.font = label.font.withSize(10)
        label.sizeToFit()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let platformLabel: UILabel = {
        let label = UILabel()
        label.textAlignment = .center
        label.textColor = .white
        label.font = label.font.withSize(10)
        label.sizeToFit()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let connectButton: UIButton = {
        let button = UIButton()
        button.backgroundColor = UIColor(r: 28, g: 36, b: 49)
        button.setTitle("Connect", for: .normal)
        button.setTitleColor(.white, for: .normal)
        button.backgroundColor = .black
        button.layer.cornerRadius = 5
        button.layer.masksToBounds = true
        button.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        button.layer.borderWidth = 1
        button.translatesAutoresizingMaskIntoConstraints = false
        return button
    }()

    let ratingLabel: UILabel = {
        let label = UILabel()
        label.text = "5"
        label.textColor = .white
        label.font = label.font.withSize(12)
        label.sizeToFit()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let cellView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor(r: 25, g: 30, b: 38)
        view.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        view.layer.borderWidth = 1
        view.layer.cornerRadius = 10
        view.layer.masksToBounds = true
        return view
    }()

    let ratingBackground: UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(named: "ratingBackground")
        imageView.alpha = 0.2
        return imageView
    }()

    let regionView: UIView = {
        let view = UIView()
        view.backgroundColor = .black
        view.translatesAutoresizingMaskIntoConstraints = false
        view.layer.masksToBounds = true
        view.layer.borderWidth = 0.5
        view.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        return view
    }()

    let micImageView: AsyncImageView = {
        let imageView = AsyncImageView()
        imageView.layer.masksToBounds = true
        imageView.layer.borderWidth = 0.5
        imageView.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        imageView.image = UIImage(named: "mic")
        imageView.translatesAutoresizingMaskIntoConstraints = false
        imageView.backgroundColor = .black
        return imageView
    }()

    let ratingStar: UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(named: "star")
        imageView.translatesAutoresizingMaskIntoConstraints = false
        return imageView
    }()

    let platformView: UIView = {
        let view = UIView()
        view.backgroundColor = .black
        view.translatesAutoresizingMaskIntoConstraints = false
        view.layer.masksToBounds = true
        view.layer.borderWidth = 0.5
        view.layer.borderColor = UIColor(r: 60, g: 151, b: 138).cgColor
        return view
    }()

    let separatorView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor.init(r: 140, g: 140, b: 140, a: 0.1)
        return view
    }()

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

        profilePicImageView.layer.cornerRadius = frame.height / 5
        regionView.layer.cornerRadius = frame.height / 10
        micImageView.layer.cornerRadius = frame.height / 10
        platformView.layer.cornerRadius = frame.height / 10

        addSubview(cellView)

        cellView.addSubview(ratingBackground)
        cellView.addSubview(profilePicImageView)
        cellView.addSubview(usernameLabel)
        cellView.addSubview(rankLabel)
        cellView.addSubview(micImageView)
        cellView.addSubview(regionView)
        cellView.addSubview(regionLabel)
        cellView.addSubview(ratingStar)
        cellView.addSubview(ratingLabel)
        cellView.addSubview(platformView)
        cellView.addSubview(platformLabel)
        cellView.addSubview(separatorView)
        cellView.addSubview(connectButton)

        cellView.anchor(topAnchor, left: leftAnchor, bottom: bottomAnchor, right: rightAnchor, topConstant: frame.height * 0.1, leftConstant: frame.height * 0.15, bottomConstant: 0, rightConstant: frame.height * 0.15, widthConstant: 0, heightConstant: 0)
        profilePicImageView.anchor(cellView.topAnchor, left: cellView.leftAnchor, bottom: nil, right: nil, topConstant: frame.height * 0.1, leftConstant: frame.height * 0.1, bottomConstant: 0, rightConstant: 0, widthConstant: frame.height / 2.5, heightConstant: frame.height / 2.5)
        ratingBackground.anchor(profilePicImageView.centerYAnchor, left: profilePicImageView.leftAnchor, bottom: cellView.bottomAnchor, right: profilePicImageView.rightAnchor, topConstant: 0, leftConstant: frame.height * 0.02, bottomConstant: frame.height * 0.1, rightConstant: frame.height * 0.02, widthConstant: 0, heightConstant: 0)
        separatorView.anchor(usernameLabel.bottomAnchor, left: usernameLabel.leftAnchor, bottom: nil, right: cellView.rightAnchor, topConstant: 5, leftConstant: 0, bottomConstant: 0, rightConstant: 0, widthConstant: 0, heightConstant: 0.5)

        usernameLabel.centerYAnchor.constraint(equalTo: profilePicImageView.centerYAnchor).isActive = true
        usernameLabel.leftAnchor.constraint(equalTo: profilePicImageView.rightAnchor, constant: frame.height * 0.1).isActive = true
        usernameLabel.heightAnchor.constraint(equalTo: profilePicImageView.heightAnchor, multiplier: 0.5).isActive = true
        usernameLabel.widthAnchor.constraint(equalTo: cellView.widthAnchor, multiplier: 0.4).isActive = true

        micImageView.centerYAnchor.constraint(equalTo: usernameLabel.centerYAnchor).isActive = true
        micImageView.rightAnchor.constraint(equalTo: cellView.rightAnchor, constant: -10).isActive = true
        micImageView.heightAnchor.constraint(equalTo: usernameLabel.heightAnchor).isActive = true
        micImageView.widthAnchor.constraint(equalTo: usernameLabel.heightAnchor).isActive = true

        rankLabel.leftAnchor.constraint(equalTo: usernameLabel.leftAnchor).isActive = true
        rankLabel.centerYAnchor.constraint(equalTo: connectButton.centerYAnchor).isActive = true

        ratingStar.leftAnchor.constraint(equalTo: ratingBackground.centerXAnchor, constant: 2).isActive = true
        ratingStar.centerYAnchor.constraint(equalTo: ratingBackground.centerYAnchor, constant: 5).isActive = true
        ratingStar.heightAnchor.constraint(equalTo: ratingBackground.widthAnchor, multiplier: 0.25).isActive = true
        ratingStar.widthAnchor.constraint(equalTo: ratingBackground.widthAnchor, multiplier: 0.25).isActive = true

        ratingLabel.centerYAnchor.constraint(equalTo: ratingStar.centerYAnchor).isActive = true
        ratingLabel.rightAnchor.constraint(equalTo: ratingBackground.centerXAnchor, constant: -2).isActive = true

        regionLabel.centerXAnchor.constraint(equalTo: regionView.centerXAnchor).isActive = true
        regionLabel.centerYAnchor.constraint(equalTo: regionView.centerYAnchor).isActive = true

        regionView.rightAnchor.constraint(equalTo: micImageView.leftAnchor, constant: -(frame.width * 0.01)).isActive = true
        regionView.centerYAnchor.constraint(equalTo: micImageView.centerYAnchor).isActive = true
        regionView.heightAnchor.constraint(equalTo: micImageView.heightAnchor).isActive = true
        regionView.widthAnchor.constraint(equalTo: regionLabel.widthAnchor, multiplier: 1.4).isActive = true

        platformLabel.centerXAnchor.constraint(equalTo: platformView.centerXAnchor).isActive = true
        platformLabel.centerYAnchor.constraint(equalTo: platformView.centerYAnchor).isActive = true

        platformView.rightAnchor.constraint(equalTo: regionView.leftAnchor, constant: -(frame.width * 0.01)).isActive = true
        platformView.centerYAnchor.constraint(equalTo: regionView.centerYAnchor).isActive = true
        platformView.heightAnchor.constraint(equalTo: regionView.heightAnchor).isActive = true
        platformView.widthAnchor.constraint(equalTo: platformLabel.widthAnchor, multiplier: 1.5).isActive = true

        connectButton.rightAnchor.constraint(equalTo: micImageView.rightAnchor).isActive = true
        connectButton.bottomAnchor.constraint(equalTo: cellView.bottomAnchor, constant: -(frame.height * 0.1)).isActive = true
        connectButton.topAnchor.constraint(equalTo: separatorView.bottomAnchor, constant: frame.height * 0.05).isActive = true
        connectButton.widthAnchor.constraint(equalTo: cellView.widthAnchor, multiplier: 0.4).isActive = true
    }

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

我是在做错误的事情而占用了内存吗，还是在collectionviewcell中尝试做太多事情？如果是，我将使用什么替代方法？

Answer 1

图层的 masksToBounds 和 cornerRadius 将触发屏幕外渲染

链接： What triggers offscreen rendering, blending and layoutSubviews in iOS?

自定义UICollectionViewCell占用大量内存

1 个答案: