无法设计我的@IBDesignable视图的子视图

Question

I have the following:

@IBDesignable class CustomView: UIView {

    @IBInspectable var hasFlag: Bool = true

    var flagView: UIView?

    override init(frame: frame) {

        super.init(frame)

        setup()

    }

    required init?(coder aDecoder: NSCoder) {

        super.init(coder: aDecoder)

        setup()

    }

    func setup() {

        if (hasFlag) {

            flagView = UIView()

            flagView!.translatesAutoresizingMaskIntoConstraints = false

            flagView!.backgroundColor = UIColor.redColor()


            addSubview(flagView!)

            flagView!.leadingAnchor.constraintEqualToAnchor(leadingAnchor, constant: 0).active = true

            flagView!.topAnchor.constraintEqualToAnchor(topAnchor, constant: 0).active = true

            flagView!.widthAnchor.constraintEqualToConstant(8).active = true

            flagView!.bottomAnchor.constraintEqualToAnchor(bottomAnchor, constant: 0).active = true

        }

    }

}

However, when I go into interface builder, I see my red flag there but I don't have the option to select the flagView to, say, set its background color. Nor do I see it appear in the view hierarchy under my CustomView. I'm going to have multiple CustomViews, and each one might have a different color. I'd like to do this in interface builder rather than in code. Is there a way I can achieve editing my subview of my @IBDesignable through interface builder?

Answer 1

You can try "setup()" in layoutSubviews.

override func layoutSubviews() { 
     super.layoutSubviews()
     setup()
}