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

最新推荐文章于 2019-07-23 09:11:56 发布

weixin_33962621

最新推荐文章于 2019-07-23 09:11:56 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/panda1024/p/6216962.html

本文介绍如何使用Swift自定义UITextField，并通过@IBDesignable和@IBInspectable实现在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 }