IB_DESIGNABLE 和 IBInspectable

从这两个关键字的开头就大致能看出是跟StoryBoard布局相关的关键字
在StoryBoard中有时候想給按钮或者视图设置个圆角（cornerRadius）或者边界颜色（borderColor）并不能像背景颜色一样直接设置，需要在相关.m文件中用代码实现

view.layer.cornerRadius = 10.0;
view.layer.borderColor = [UIColor redColor].CGColor;

后来找到一种方法user defined runtime attributes，没错，我觉得按照直译过来的理解就行。

user defined runtime attributes

点击➕号可以为这个视图设置属性，是属性对象的属性的就加".",选择属性对应的类型和值就设置成功了，不用再去写代码了。

问题又来了，属性可选类型里面有时候没有你想要的怎么办？比如borderColor这个，它是CGColorRef类型的，不是UIColor，所以你要设置还是得回到代码里弄。

而且这个方法每次都要选中视图后一个一个的去给它添加这个属性，麻烦不说，关键单词打不全啊，没有代码补全打个clipsToBounds都不保险啊！

就是这种方法有时候觉得很麻烦，偶然的机会了解到IB_DESIGNABLE 和 IBInspectable两个关键字，说一下自己的理解。
IBInspectable修饰属性可以让对应属性直接StoryBoard右侧边栏上显示，可以直接像设置背景颜色一样设置对应的值。

IBInspectable

IB_DESIGNABLE修饰类可以让这个类的实例在storyboard中直接显示出设置效果，不用这个修饰的话，你直接设置了cornerRadius在storyboard中也不能立即看到效果，要运行起来才能看到。

IB_DESIGNABLE

由于UIView、UIButton都是系统类，你不可能跑去给它添加一个IB_DESIGNABLE，所以可以自定义一个类继承于系统类，用IB_DESIGNABLE修饰这个类，这个类就专门处理一些会在storyboard用到的视图。

#import 
IB_DESIGNABLE
@interface TestView : UIView

@end

一些你想直接在storyboard里设置的值，可以直接写在这个类的声明里也可以单独为系统类写一个分类来实现这些属性。

#import 
IB_DESIGNABLE
@interface UIView (YSView)
/**
 * 可视化设置边框宽度
 */
@property (nonatomic,assign)IBInspectable CGFloat borderWidth;

/**
 * 可视化设置边框颜色
 */
@property (nonatomic,strong)IBInspectable UIColor *borderColor;

/**
 * 可视化设置圆角
 */
@property (nonatomic,assign)IBInspectable CGFloat cornerRadius;
@end

分类理论上是不支持扩展属性的，所以你要为这些属性实现getter和setter方法，主要是setter方法，getter一般都用不到，不过为了保险还是都写上。

#import "UIView+YSView.h"

@implementation UIView (YSView)
/**
 * 设置边框宽度
 *
 */
- (void)setBorderWidth:(CGFloat)borderWidth
{
    if(borderWidth <0) return;
    self.layer.borderWidth = borderWidth;
}
- (CGFloat)borderWidth{
    return self.layer.borderWidth;
}
/**
 * 设置边框颜色
 */
- (void)setBorderColor:(UIColor *)borderColor
{
    self.layer.borderColor = borderColor.CGColor;
}
- (UIColor *)borderColor{
    return [UIColor colorWithCGColor:self.layer.borderColor];
}
/**
 *  设置圆角
 */
- (void)setCornerRadius:(CGFloat)cornerRadius
{
    self.layer.cornerRadius = cornerRadius;
    self.layer.masksToBounds = cornerRadius >0;
//    self.clipsToBounds
}
- (CGFloat)cornerRadius{
    return self.layer.cornerRadius;
}
@end

好了，现在就可以快速的在IB界面进行一些属性的设置了，简直懒人福音有木有。
如有错误，欢迎指正。