廢話不多,先上github地址,不想看啰嗦的話,直接把項目中
UIView+CornerRadius分類導入到自己項目中即可,不需要其他任何操作.
使用xib+storyboard開發能夠極大的提高開發效率發展到現在這點應該沒有什么異議了,如果還有禁止使用這些東西的公司我覺的可以考慮辭職了......
但是有一些屬性再系統默認的設置面板里面我們并不能找到,最常用的就是layer.borderWidth,layer.cornerRadius,layer.borderColor這三個屬性了,之前都是手動在runtime屬性里面手動添加,比如:
但是每次用都要加上去未免太過麻煩,于是就在想能不能有個好的方式代替這種繁瑣的操作,后來發現現在oc有了新的關鍵字就是來做這個事情的:
IBInspectable
基礎版
在給你用的那個xib添加對應屬性,加上IBInspectable關鍵字,比如:
@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;
這樣我們就能在面板里面直接控制圓角大小了,與此同時我們還可以加上IB_DESIGNABLE關鍵字,來讓xib可以可視化的設置屬性,所見即所得.
似乎達到了要求,但是開頭那個痛點還在:每個xib都要去設置.
于是乎我又想到了通過給UIView添加一個分類來做這件事情,就有了下面的過程:
進階版
新建一個UIView+CornerRadius的分類,在分類的頭文件中添加平時用到的一些屬性,別忘了IBInspectable關鍵字
@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;
@property (nonatomic, assign)IBInspectable CGFloat borderWidth;
@property (nonatomic, strong)IBInspectable UIColor *borderColor;
由于OC的特性,分類是無法擴展屬性的,所以這里我們需要手動實現其set方法與get方法:
- (CGFloat)cornerRadius
{
return [objc_getAssociatedObject(self, @selector(cornerRadius)) floatValue];
}
- (void)setCornerRadius:(CGFloat)cornerRadius
{
self.layer.cornerRadius = cornerRadius;
self.layer.masksToBounds = YES;
}
- (CGFloat)borderWidth
{
return [objc_getAssociatedObject(self, @selector(borderWidth)) floatValue];
}
- (void)setBorderWidth:(CGFloat)borderWidth
{
self.layer.borderWidth = borderWidth;
self.layer.masksToBounds = YES;
}
- (UIColor *)borderColor
{
return objc_getAssociatedObject(self, @selector(borderColor));
}
- (void)setBorderColor:(UIColor *)borderColor
{
self.layer.borderColor = borderColor.CGColor;
}
大功告成,到這里為止,我們在xib中使用UIView的子類的時候,都可以很方便的設置borderColor , borderWidth, cornerRadius了,如果有興趣,還可以擴展更多的屬性.
如圖:
美中不足
使用了分類的話,是無法通過IB_DESIGNABLE進行實時修改實時顯示的,所以只有在運行后能看到實際效果,個人猜測是使用了分類之后并不能給原類擴展屬性,僅僅是添加了相應的set與get方法導致的,如果有人知道能夠解決這個問題,求告知啊~~~
