自定义控件设置属性并实时展现并预览在xib中

关键字：

// @IBDesignable：实时看到xib设置后的效果

// @IBInspectable：给xib提供设置属性，可以xib中看到此属性

场景：

自定义一个UITextField，并提供borderColor、borderWidth、cornerRadius三个属性；

要求：这三个属性能够展现在xib中，改变属性值，能实时预览效果。

1、我们先自定义类：

import UIKit

// @IBDesignable：实时看到xib设置后的效果
@IBDesignable
class YSTextField: UITextField {
    
    // @IBInspectable：给xib提供设置属性，可以xib中看到此属性
    @IBInspectable var borderColor:UIColor?{
        didSet{
            self.layer.borderColor = borderColor?.cgColor
        }
    }
    
    // @IBInspectable：给xib提供设置属性，可以xib中看到此属性
    @IBInspectable var borderWidth:CGFloat = 0{
        didSet{
            self.layer.borderWidth = borderWidth
        }
    }
    
    // @IBInspectable：给xib提供设置属性，可以xib中看到此属性
    @IBInspectable var cornerRadius:CGFloat = 0{
        didSet{
            self.layer.cornerRadius = cornerRadius
            self.layer.masksToBounds = true
        }
    }
}

2、新建一个xib，拖入一个UITextField，并把其类对应修改为我们刚自定义的类：YSTextField

3、在属性栏中我们就可以看到我们定义的属性了