为什么要代码可视化？
这个可能是大多数人coder的一个疑问，代码写的不是更直接简单么？
当然如此，但是现在随着项目的加快，能少写一句代码是一句吧。所以还是听我啰嗦一下。

实现方法：

创建两个文件，一个uiview一个Xib

XIB当中进行如下配置

编辑自定义的视图

/** 固定方法，否则sb报错，相当于引用nibname */
    override init(frame: CGRect) {
        super.init(frame: frame)
        initialFromXib()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        initialFromXib()
    }
    
    func initialFromXib() {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: "testView", bundle: bundle)
        contentView = nib.instantiate(withOwner: self, options: nil)[0] as! UIView
        contentView.frame = bounds
        addSubview(contentView)
        
    }

//配置方法:控件是拖出来的，然后对想要的属性进行动态监听
    @IBOutlet weak var label: UILabel!
    @IBOutlet var contentView: UIView!
    
    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = true
        }
    }
    
    @IBInspectable var borderColor: UIColor = UIColor() {
        didSet {
            layer.borderColor = borderColor.cgColor
        }
    }
    
    @IBInspectable var borderWidth: CGFloat = 0.0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }

    @IBInspectable var str:String = "" {
        didSet {
            label.text = str
        }
    }

在sb当中引用文件，设置className，就可以看到设置的属性了。

可视化配置

可视化配置圆角

空了在更新详细的。