实现可以在storyboard里面可以预览的自定义View

发表于 | 更新于 | 分类于

实现可以在storyboard里面可以预览的自定义View

开发中不可避免的要自定义一些View，但是这些View 在Storyboard中使用时，不能正确的预览和交互。
下面我们来介绍一下如何在最新版本的xcode中来实现这样的功能。

  • 在接口前面增加关键字编译关键字：IB_DESIGNABLE
  • 给需要变化的属性定义中增加编译关键字： IBInspectable

通过上面两步简单的修改后，自定义View就可以在StroyBoard里面进行预览和修改属性了。

下面是一个自定义的CheckBox的例子:

1
2
3
4
5
6
7
8
9
10
IB_DESIGNABLE
@interface AAPLCheckBox : UIControl

@property (nonatomic, getter=isChecked) IBInspectable BOOL checked;

@property (nonatomic) IBInspectable CGFloat strokeFactor;
@property (nonatomic) IBInspectable CGFloat insetFactor;
@property (nonatomic) IBInspectable CGFloat markInsetFactor;

@end

上面的例子摘自Apple 示例代码：ListerforAppleWatchiOSandOSX