IOS开发-自定义UIView使其显示在Storyboard中

代码示例运行环境为 IOS10.2,Swift 3.0.1,Xcode8.2.1

首先,创建一个UIVIew的子类,名为TestView。并且添加几行代码,如图所示:


IOS开发-自定义UIView使其显示在Storyboard中_第1张图片
代码展示

主要有四部分需要注意的地方

@IBDesignable使得此view可以在storyboard中展示即使的界面

prepareForInterfaceBuilder方法使得在storyboard加载时初始化

@IBInspectable修饰符使得此变量能够在storyboard中呈现

didSet方法使得在此变量修改够能够更改界面


在storyboard中添加一个UIView,并且将Class改为TestView,如图所示:


TestView

再看属性检查器里的变化:


IOS开发-自定义UIView使其显示在Storyboard中_第2张图片
属性检查器

出现了我们自己的lala变量,修改之后就可以看到变化了。

2017.1.7补充:

另外还有两个 IB 的修饰符,IBOutletIBAction,就是我们经常和Storyboard连接的变量和方法,如图所示:

IOS开发-自定义UIView使其显示在Storyboard中_第3张图片
和拖动连接有关的修饰符

请看 delegate变量,是一个代理变量,其中的协议需要 @objc 修饰符才可以。
可以在storyboard中的inspector(检查器)里的connection(连接)属性中找到这两个,如下图:
IOS开发-自定义UIView使其显示在Storyboard中_第4张图片
connection界面

如果有任何疑问或者是文中存在技术性错误,请留言,我会尽快回复或者更改。

你可能感兴趣的:(IOS开发-自定义UIView使其显示在Storyboard中)