swift 自定义控件在StoryBoard（xib）里使用的属性

最新推荐文章于 2020-02-24 10:53:10 发布

原创最新推荐文章于 2020-02-24 10:53:10 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #代码 #控件 #可视化 #操作

Swift 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Swift中通过自定义UIView子类实现视图属性的可视化编辑，包括边框宽度、颜色及圆角等属性，极大提升了开发效率。

有时候我们在StoryBoard里用拖拽方法创建属性的时候，总会有一些常用的属性没有提供可视化操作，所以我们必须在连接类中用代码去实现，虽然也比较简单，但是这样重复的操作大大的增加了开发时间，如果能在拖拽的界面就能直接调试相关属性，就像一个UIView直接可视化设置背景颜色一样，岂不乐哉，以下是在Swift工程中实现的一些方法：

第一步创建Target

创建好以后目录里面就会多出一个分组

其中MyView类是另外创建的，继承与UIView，下面是类中实现的主要代码

import UIKit

//@IBDesignable告诉编译器，此类可以被nib识别使用
@IBDesignable class MyView: UIView {
//@IBInspectable告诉编译器，此属性可以被nib使用
    @IBInspectable var describle : String = ""{
        didSet{
//            已经被赋值
            
        }
    }
    
    @IBInspectable var borderWidth : CGFloat = 0{
        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
    }
    */

}

这里只是在UIView中增加了几个简单可视化操作的属性，然后在VC中拖拽一个UIView控件继承于MyView

可以看到在代码中定义的几个属性，在这里都可以看到和设置，这样以后在使用的时候是不是就方便多了。