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

代码基于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
        }
    }
}

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


    xxView.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容