首页 > 代码库 > 自定义控件设置属性并实时展现并预览在xib中
自定义控件设置属性并实时展现并预览在xib中
关键字:
// @IBDesignable:实时看到xib设置后的效果
// @IBInspectable:给xib提供设置属性,可以xib中看到此属性
场景:
自定义一个UITextField,并提供borderColor、borderWidth、cornerRadius三个属性;
要求:这三个属性能够展现在xib中,改变属性值,能实时预览效果。
1、我们先自定义类:
1 import UIKit 2 3 // @IBDesignable:实时看到xib设置后的效果 4 @IBDesignable 5 class YSTextField: UITextField { 6 7 // @IBInspectable:给xib提供设置属性,可以xib中看到此属性 8 @IBInspectable var borderColor:UIColor?{ 9 didSet{ 10 self.layer.borderColor = borderColor?.cgColor 11 } 12 } 13 14 // @IBInspectable:给xib提供设置属性,可以xib中看到此属性 15 @IBInspectable var borderWidth:CGFloat = 0{ 16 didSet{ 17 self.layer.borderWidth = borderWidth 18 } 19 } 20 21 // @IBInspectable:给xib提供设置属性,可以xib中看到此属性 22 @IBInspectable var cornerRadius:CGFloat = 0{ 23 didSet{ 24 self.layer.cornerRadius = cornerRadius 25 self.layer.masksToBounds = true 26 } 27 } 28 }
2、新建一个xib,拖入一个UITextField,并把其类对应修改为我们刚自定义的类:YSTextField
3、在属性栏中我们就可以看到我们定义的属性了
自定义控件设置属性并实时展现并预览在xib中
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。