实时自定义预览的效果

实现自定义的控件，除了系统默认的一些属性之外，还可以自己进行添加，所以设计人员若要修改，只要修改参数即可

在这里

选择AddTarget 随后添加myCustomView

随后在myCustonVIew中，添加一个文件，为myview继承自UIVIEW

在myview中添加如下代码 让storyboard可见 随后添加相关的属性 注意一定要指明类型 而不像平常的swift可以自己去推断类型

import UIKit
//表明这个view是可以被设计的
@IBDesignable class myView: UIView {

    //被storyboard所应用
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
    override init(frame: CGRect) {
        super.init(frame: frame)
    }
    //添加扩展的属性
    @IBInspectable var str:String = "hello"
    @IBInspectable var borderWidth:CGFloat = 0{
        //didSet语句是属性被设置完毕之后才会被执行的 layer当前层的边框大小和颜色
        didSet{
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable var borderColor:UIColor = UIColor.clearColor() {
        didSet{
            layer.borderColor = borderColor.CGColor
        }
        }
    @IBInspectable var cornerRadius:CGFloat = 0{
        didSet{
            layer.cornerRadius = cornerRadius
        }
        
    }
    
    /*
    // Only override drawRect: if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    override func drawRect(rect: CGRect) {
        // Drawing code
    }
    */

}

在main,storyboard中添加view 随后就可以看到这些添加的属性

是不是很神奇