Subclassed view's uiimage not appearing as IBDesignable

Question

I have set up a subclassed UIView, and want to see the embedded image in IB - so I've set it as IBDesignable

@IBDesignable

class DieView: UIView {

    @IBInspectable
    var dieImage : UIImage = UIImage()

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

    convenience init() {
        self.init(frame: CGRect.zero)
    }

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

    // for IB
    override func prepareForInterfaceBuilder() {
        super.prepareForInterfaceBuilder()
        updateLayout()
    }

    func updateLayout() {
        self.backgroundColor = .red
        let profileImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: self.frame.width, height: self.frame.height))
        profileImageView.image = UIImage(named: "dice1")
        profileImageView.contentMode = .scaleAspectFit
        profileImageView.layer.masksToBounds = false

        self.addSubview(profileImageView)


    }

    func showNumber(number: Int) {

    }

}

The background colour changes, but the embedded image doesn't update. Why not?

Answer 1

From the documentation of the prepareForInterfaceBuilder():

Interface Builder waits until all objects in a graph have been created and initialized before calling this method. So if your object’s runtime configuration relies on subviews or parent views, those objects should exist by the time this method is called.

which says that subviews should exist before this method is called. I'm not sure, but try to add image view before this is called. Also, you have to keep in mind that prepareForInterfaceBuilder() is called independently by interface builder. Read the docs for more info. Good Luck!