可视化设置边框宽、颜色、圆角(@IBDesignable、@IBInspectable)

代码基于swift4.0

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


可视化设置边框宽、颜色、圆角(@IBDesignable、@IBInspectable)_第1张图片
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
        }
    }
}

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


    可视化设置边框宽、颜色、圆角(@IBDesignable、@IBInspectable)_第2张图片
    xxView.png

你可能感兴趣的:(可视化设置边框宽、颜色、圆角(@IBDesignable、@IBInspectable))