将 IBDesignable 和 prepareForInterfaceBuilder 与 UILabel 一起使用

Question

我正在创建一个名为 MyView 的 UIView 子类。

其中有一个UILabel（由于某些原因，这是在代码中而不是在InterfaceBuilder中添加的）。

然后我在 MyView 上有一个名为 color 的属性。

我想要的是让 Interface Builder 能够 select color 然后显示字体设置为该颜色的标签。

在我的代码中我有...

@IBDesignable class MyView: UIView {

    private let textLabel = UILabel()

    @IBInspectable var color: UIColor = .blackColor() {
        didSet {
            textLabel.textColor = color
        }
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        initialSetup()
    }

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

       initialSetup()
    }

    private func initialSetup() -> Void {
        self.backgroundColor = .clearColor()

        textLabel.textAlignment = .Center
        textLabel.numberOfLines = 0

        addSubview(textLabel)
    }

    override func layoutSubviews() {
        super.layoutSubviews()

        textLabel.frame = bounds
    }

    // I have no idea what I'm doing here?!
    override func prepareForInterfaceBuilder() {
        // should I create a label specifically for here?
        // or should I use the property textLabel?

        textLabel.text = "Hello, world!" // setting place holder IB text?
        textLabel.textColor = color
        textLabel.font = .systemFontOfSize(21)
        textLabel.textAlignment = .Center
        textLabel.numberOfLines = 0

        // do I need to add sub view?
    }

}

IBInspectable

在 IB 中我可以看到颜色属性并且我可以设置它。令人讨厌的是，它采用默认值 .clearColor() 虽然不是我在代码中设置的颜色。有办法解决这个问题吗？

IBDesignable

当我将视图放入 InterfaceBuilder 时，它显示了所有可检查的属性，但实际视图中没有显示任何内容。

当我运行它一切正常。我只是希望能够在 IB 中得到一些工作（除了 drawRect）。不过，我发现明显缺乏文档。

编辑 - 警告

我刚刚注意到我收到构建错误/警告说...

warning: IB Designables: Ignoring user defined runtime attribute for key path "color" on instance of "UIView". Hit an exception when attempting to set its value: [ setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key color.

这可能会改变解决方案:)

Answer 1

设置 color 后，您需要像下面这样使用 didSet

更新 textLabel 属性

@IBInspectable var color: UIColor = UIColor.blackColor() {
    didSet {
        textLabel.textColor = color
    }
}

Answer 2

我将你问题中的代码复制到一个新的应用程序中，添加了视图并设置了属性，它工作得很好。

您看到的错误表明您在某些时候已经在身份检查器中将视图改回普通 UIView（用户定义的属性保留在这种情况下）。

Answer 3

我正在使用 swift 2.0，在我的情况下缺少 dynamic 属性。最终代码：

@IBInspectable dynamic var radius:CGFloat = 2.0 {
    didSet {
     //   setNeedsDisplay()
        layer.cornerRadius = radius

    }
}

找出 IB Designables 构建期间的错误：http://lamb-mei.com/537/xcode-ibdesignables-ignoring-user-defined-runtime-attribute-for-key-path-bordercolor-on-instance-of-uiview-this-class-is-not-key-value-coding-compliant-for-the-key-bordercolor/

将 IBDesignable 和 prepareForInterfaceBuilder 与 UILabel 一起使用

Using IBDesignable and prepareForInterfaceBuilder with a UILabel

interface-builder

ios

swift

ibdesignable

ibinspectable