iOS-Storyboad动态刷新

iOS-Storyboad动态刷新

什么叫做Storyboard动态刷新

在项目开发中，如果可以在xib（storyboard）中，动态显示运行效果图，那么实在是太爽了。在Xcode 6之后就为我们提供了这样的一种方式，来实现这样的效果，通过IBInspectable和IB_DESIGNABLE 来实现。

一图胜千言，请看效果图：

IB_DESIGNABLE-属性介绍

IB_DESIGNABLE的宏的功能就是让XCode动态渲染出该类图形化界面。需要注意的是，自定义类必须是UIView的子类。

使用方式，把该宏加在自定义类的前面：

#import <UIKit/UIKit.h>

IB_DESIGNABLE
@interface DynamicView1 : UIView

@end

现在可以将DynamicView1类实例，显示是xib中了。

具体方法为：

    1.  随便创建一个xib（storyboard）文件
    2.  将一个UIView控件拖动到xib（storyboard）中
    3.  将这个UIView控件设置为刚刚创建的类（DynamicView1）

IBInspectable-属性介绍

让支持KVC的属性能够在Attribute Inspector中配置。

但是现在不一样了。在xcode6之后，为我们提供了宏定义IBInspectable，在需要的属性之前定义这个宏定义，我们就可以在图形化界面中设置这个数值了。

使用方式，把该宏加在自定义类的前面：
在声明文件中添加：

@property (strong, nonatomic) IBInspectable NSString *string;

在IB中设置属性，会调用响应的set方法。因此，如果你想在设置这个数值的时候，进行一些其他操作。那么你可以重写赋值方法：

- (void)setString:(NSString){
    _string = string;
    //其他操作
}

可以显示的数据如下：

Int
CGFloat
Double
String
Bool
CGPoint
CGSize
CGRect
UIColor
UIImage

其实 @IBInspectable 并没有做什么太神奇的事情，我们如果查看 IB 中这个 view 的 Identity Inspector 的话会看到刚才所设定的颜色值被作为了 Runtime Attribute 被使用了。其实手动直接在 Runtime Attributes 中设定颜色也有同样的效果，因此 @IBInspectable 唯一做的事情就是在 IB 面板上为我们提供了一个很方便地修改属性的入口，并没有其他太多神奇之处。

通过IB_DESIGNABLE配合IBInspectable可以实现动态刷新

IB_DESIGNABLE作用为：动态渲染图像到xib（storyboard）中。
IBInspectable作用：使属性可以在IB界面中可视化编辑设置。
结合两者，我们就能实现动态刷新界面。

使用方法：
在声明文件中：

IB_DESIGNABLE
@interface DynamicView1 : UIView

@property (strong, nonatomic) UIImageView *imageView;
@property (strong, nonatomic) UILabel *label;

@property (strong, nonatomic) IBInspectable NSString *string;
@property