給專案中所有xib新增圓角/borderColor等屬性
廢話不多,先上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方法導致的,如果有人知道能夠解決這個問題,求告知啊~~~
相關文章
- iOS給UIImageView新增圓角的三種方法iOSUIView
- js給html標籤新增屬性JSHTML
- 給自定義View新增xml屬性ViewXML
- iOS高效簡易新增圓角iOS
- Runtime 系列 3-- 給 category 新增屬性Go
- 給列表專案新增動畫動畫
- 相容所有瀏覽器的圓角出效果瀏覽器
- 直播系統程式碼,給標題欄新增陰影效果和圓角效果
- Wordpress自動給圖片新增alt和title屬性
- rcp新增屬性
- iOS 高效新增圓角效果實戰講解iOS
- 為 protocol 中屬性新增預設值Protocol
- Python給exe新增以管理員執行的屬性Python
- 在Storyboard中設定borderColor
- 動態建立節點並且給建立的元素新增屬性
- 專案三角中博弈(轉)
- Python中OpenCV劃線、畫圓、橢圓、新增文字等幾何圖形繪製操作PythonOpenCV
- 為textarea新增maxlength屬性
- jquery js 設定 div 的內容,給 div 新增一個屬性jQueryJS
- js如何獲取給定屬性的屬性值JS
- SpringBoot(二)_專案屬性配置Spring Boot
- XImageView-ShapeImageView處理ImageView形狀,原形圓角等View
- 在相親原始碼開發中,如何實現圓角及特殊圓角的使用?原始碼
- Flutter 圓形/圓角頭像Flutter
- visio圓角矩形怎麼改變圓角大小
- 所有屬性都是可選的BusinessExceptionException
- java的兩個bean之間複製屬性,所有屬性中替換某幾個字元JavaBean字元
- 教你在WindowsXP中為USB新增“只讀”屬性(轉)Windows
- 純Swift專案-Xib | StoryBoard 多人協作技巧Swift
- iOS 專案相容8.0列表(Xib篇)iOS
- class屬性的新增刪除
- Runtime之分類新增屬性
- css3新增屬性APICSSS3API
- javascript - 所有的檢視屬性和方法(offsetHeight、clientHeight、scrollHeight、innerHeight等)JavaScriptclient
- 在Progress中獲取檔案屬性
- 專案管理中的“三角鏈”(轉)專案管理
- CSS畫出半圓,四分之一圓,三角等圖形CSS
- 檔案屬性