自定义控件设置属性并实时展现并预览在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 = {
didSet{
self.layer.borderWidth = borderWidth
}
} // @IBInspectable:给xib提供设置属性,可以xib中看到此属性
@IBInspectable var cornerRadius:CGFloat = {
didSet{
self.layer.cornerRadius = cornerRadius
self.layer.masksToBounds = true
}
}
}

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

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

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

上一篇:新装Windows Server 2008 r2无法连接有线网络


下一篇:python核心编程学习记录之文件和输入输出