实时自定义预览的效果

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

在这里


选择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 随后就可以看到这些添加的属性



是不是很神奇