給專案中所有xib新增圓角/borderColor等屬性

weixin_34087301發表於2016-01-09

廢話不多,先上github地址,不想看囉嗦的話,直接把專案中UIView+CornerRadius分類匯入到自己專案中即可,不需要其他任何操作.

使用xib+storyboard開發能夠極大的提高開發效率發展到現在這點應該沒有什麼異議了,如果還有禁止使用這些東西的公司我覺的可以考慮辭職了......
但是有一些屬性再系統預設的設定皮膚裡面我們並不能找到,最常用的就是layer.borderWidth,layer.cornerRadius,layer.borderColor這三個屬性了,之前都是手動在runtime屬性裡面手動新增,比如:

290760-668e169e3a2b8ec8.jpg
16.jpg

但是每次用都要加上去未免太過麻煩,於是就在想能不能有個好的方式代替這種繁瑣的操作,後來發現現在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了,如果有興趣,還可以擴充套件更多的屬性.
如圖:

290760-09a4b89000788d56.jpg
17.jpg
美中不足

使用了分類的話,是無法通過IB_DESIGNABLE進行實時修改實時顯示的,所以只有在執行後能看到實際效果,個人猜測是使用了分類之後並不能給原類擴充套件屬性,僅僅是新增了相應的set與get方法導致的,如果有人知道能夠解決這個問題,求告知啊~~~

相關文章