IOS 使用XIB制作Storyboard使用的自定义控件

最新推荐文章于 2024-07-17 02:30:50 发布

白鼠闹东京

最新推荐文章于 2024-07-17 02:30:50 发布

阅读量3k

点赞数 1

分类专栏： IOS swift 文章标签：控件 swift ios uiview

本文链接：https://blog.csdn.net/sbt0198/article/details/53728133

版权

本文介绍了在Swift 2.3环境下，如何创建并使用XIB文件来构建适用于Storyboard的自定义UIView控件。通过设置File's Owner的Custom Class，以及利用@IBDesignable和@IBInspectable特性，实现属性面板的可视化配置。同时，文章讨论了不同初始化方法、加载Xib的方式，以及在实际使用中的约束设置。最后提到了在Storyboard中实时预览的选项及其可能的影响。

摘要由CSDN通过智能技术生成

开发环境：IOS8.0+ Swift 2.3

创建一个UIView
这里写图片描述
遗憾的是Also create XIB file是灰色的。没办法，只能分开创建了
新建文件，选择User Interface中的View然后命名为CustomTest。
在CustomTest.Xib中的File’s Owner的属性面板的Customer class选择CustomTest，
记住是File’s Owner，而不是其他的任何地方

然后就是对Xib进行布局和约束，然后将其中的控件与CustomTest.Swift进行连线。CustomTest 的class 前面需要加上@IBDesignable，表示在属性面板中可见。

需要暴露的属性，前面需要加上 @IBInspectable，如：

@IBInspectable var realBackColor:UIColor = UIColor.orangeColor() {
        didSet {
            self.viewRealNameBack.backgroundColor = realBackColor
        }
    }

关于控件的初始化，分为可视化调用和代码调用两种方式，将会调用不同的init

    //代码创建
    override init(frame: CGRect) {
        super.init(frame: frame)
        contentView = loadViewFromNib()
        addSubview(contentView)
        addConstraints()
    }

    //可视化
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        contentView = loadViewFromNib()
        addSubview(contentView)
        addConstraints()
    }

关于加载