可视化设置边框宽、颜色、圆角（@IBDesignable、@IB

代码基于swift4.0

用可视化的方式来设置view的变化宽度、颜色、圆角。效果如下：

xxviewInsp.png

一、 如果代码实现很简单

  customView.layer.cornerRadius = 5
 customView.layer.masksToBounds = true

二、 如果是想再sb/xib中直接设置，如上图所示的效果

1. 自定义一个view

import UIKit

@IBDesignable
class XXView: UIView {}

extension XXView {
    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }
    
    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
            layer.masksToBounds = newValue > 0
        }
    }
    
    @IBInspectable var borderColor: UIColor {
        get {
            return UIColor.init(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue.cgColor
        }
    }
}

2. 将sb/xib中拖入的view进行绑定，即可使用

   
   xxView.png