IBInspectable(给IB添加圆角之类的属性)

简单的说,平常我们想用到给View添加圆角之类的问题,在代码中还好,都是手动加入,但是在XIB或stroyboard中相对来说,就显得比较麻烦啦,此时我们就在想,如果可以在IB中自动增加这个属性该有多好啊,而IBInspectable出现了,问题就有一个初步的解决了,当然已经够我们使用了。

三个属性的添加

要想达到上述的效果,直接上传代码

Swift- Extension

直接建立一个UIView的UIView+Additions,就OK了

extension UIView {
    // 圆角
    @IBInspectable var cornerRadius: Double {
        get {
            return Double(self.layer.cornerRadius)
        }
        set {
            self.layer.cornerRadius = CGFloat(newValue)
        }
    }
    // 边界线宽
    @IBInspectable var borderWidth: Double {
        get {
            return Double(self.layer.borderWidth)
        }
        set {
            self.layer.borderWidth = CGFloat(newValue)
        }
    }
    // 边界线颜色
    @IBInspectable var borderColor: UIColor? {
        get {
            return UIColor(CGColor: self.layer.borderColor!)
        }
        set {
            self.layer.borderColor = newValue?.CGColor
        }
    }
}

Objective-C — Category

新建一个UIView+CornerRadius的分类,在分类的头文件中添加平时用到的一些属性,别忘了IBInspectable关键字。

.h 文件

#import <UIKit/UIKit.h>

IB_DESIGNABLE

@interface UIView (CornerRadius)

@property (nonatomic, assign) IBInspectable CGFloat cornerRadius;
@property (nonatomic, assign) IBInspectable CGFloat borderWidth;
@property (nonatomic, strong) IBInspectable UIColor *borderColor;

@end

.m 文件

#import "UIView+CornerRadius.h"
#import <objc/runtime.h>

@implementation UIView (CornerRadius)

#pragma mark - CoreRadius
- (void)setCornerRadius:(CGFloat)cornerRadius {
    objc_setAssociatedObject(self, @selector(cornerRadius), @(cornerRadius), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    self.layer.cornerRadius = cornerRadius;
    self.layer.masksToBounds = YES;
}

- (CGFloat)cornerRadius {
    return [objc_getAssociatedObject(self, _cmd) floatValue];
}

#pragma mark - BorderWidth
- (void)setBorderWidth:(CGFloat)borderWidth {
    objc_setAssociatedObject(self, @selector(borderWidth), @(borderWidth), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    self.layer.borderWidth = borderWidth;
    self.layer.masksToBounds = YES;
}

- (CGFloat)borderWidth {
    return [objc_getAssociatedObject(self, _cmd) floatValue];
}

#pragma mark - BoderColor
- (void)setBorderColor:(UIColor *)borderColor {
    objc_setAssociatedObject(self, @selector(borderColor),borderColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    self.layer.borderColor = borderColor.CGColor;
}

- (UIColor *)borderColor {
    return objc_getAssociatedObject(self, _cmd);
}

@end

然后,直接运行就OK了,当然其他属性我们也可以自己根据自己的需要加入:
shadowOffset,shadowRadius,shadowOpacity,shadowColor...

为什么说这是一个初步的解决方案呢,因为设置后在我们看到的IB上不会体现出来,只有在运行后才能看到效果。

参考
http://nshipster.cn/ibinspectable-ibdesignable/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容