Search code examples
iosswiftautolayoutnslayoutconstraint

NSLAyoutConstraints not applied for UIView in UICollectionViewCell


So I am trying to constraint a view inside a UICollectionViewCell but it seems like the constraints are not applied at all

This is my custom cell class:

class MyCustomCell: UICollectionViewCell {
var message: String?

var messageView: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false

    label.textColor = .black
    label.textAlignment = .left
    label.numberOfLines = 0

    return label
}()

var cardView: UIView = {
    var cardView = UIView()
    cardView.translatesAutoresizingMaskIntoConstraints = false
    return UIView()
}()

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

    self.addSubview(cardView)
    cardView.addSubview(messageView)

    setupCardView()
    setupMessageLabel()
}

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

func setupCardView() {
    NSLayoutConstraint.activate([
        cardView.topAnchor.constraint(equalTo: self.topAnchor, constant: 5),
        cardView.bottomAnchor.constraint(equalTo: self.bottomAnchor),
        cardView.leftAnchor.constraint(equalTo: self.leftAnchor, constant: 10),
        cardView.rightAnchor.constraint(equalTo: self.rightAnchor, constant: -10)
    ])

    cardView.layer.cornerRadius = 20.0
    cardView.layer.shadowColor = #colorLiteral(red: 0.2549019754, green: 0.2745098174, blue: 0.3019607961, alpha: 1)
    cardView.layer.shadowOffset = CGSize(width: 0.0, height: 0.0)
    cardView.layer.shadowRadius = 12.0
    cardView.layer.shadowOpacity = 0.7

    cardView.backgroundColor = #colorLiteral(red: 0.7490196078, green: 0.3529411765, blue: 0.9490196078, alpha: 1)
}

}

The constraints are completely ignored and I get a completely white screen

NOTE: My custom cell is wired correctly as I tried to add a label and it works properly even with constraints


Solution

  • The problem is solved now when I added

    cardView.translatesAutoresizingMaskIntoConstraints = false
    

    right before my constraints... But why doesn't it work when I initialize my UIView this way

    var cardView: UIView = {
        var cardView = UIView()
        cardView.translatesAutoresizingMaskIntoConstraints = false
        return UIView()
    }()
    

    Anyone any idea?

    EDIT: As you can see in the comments the problem was that I have

    return UIView()
    

    instead of

    return cardView
    

    in my cardView variable...