storyboard的IBInspectable和IB_DESI

本文初探学习一下storyboard的IBInspectable和IB_DESIGNABLE用法。

IBInspectable

自定义一个DZView类，继承UIView。增加一些属性：

将storyboard中vc的view修改成DZView，右侧选中如图的的选项卡中，当前显示的效果如图：

会到DZView的h文件，对属性添加IBInspectable：

见证奇迹的时刻，打开storyboard：

在storyboard中会增加对应的选项，而且这些选项会根据不同的数据类型而展示不同的样式。

IB_DESIGNABLE

在h文件中的@interface上面添加IB_DESIGNABLE

或者在m文件中@implementation上面添加IB_DESIGNABLE

在drawRect中画一些图形，代码如下：

回到storyboard中，修改相关属性，就可以立即看到修改的效果：

总结

之前开发中的痛点就是自定义view放在storyboard中的时候，看不到效果。自定义的属性，需要修改代码后运行起来才知道设定的值对不对。storyboard的出现目的就是让开发人员有一种所见即所得的效果。当我知道IBInspectable和IB_DESIGNABLE这两个标志后，感受到苹果将所见即所得的思想运用的如此的淋漓尽致。真心佩服！！！