ToB企服应用市场:ToB评测及商务社交产业平台

标题: Xcode中给UIView在xib中添加可视化的属性 [打印本页]

---

作者: 大号在练葵花宝典    时间: 2024-6-14 23:09
标题: Xcode中给UIView在xib中添加可视化的属性
给UIView在xib中添加可视化的属性

效果如下图：

可以直接设置view 的 borderColor 、borderWidth、cornerRadius，也可以单独指定view的某个角是圆角。减少了代码中的属性。
完整代码：

UIView+Border.h

1. #import <UIKit/UIKit.h>
3. @interface UIView (Border)
5. /// 可以在xib里面直接设置的:边线颜色
6. @property (nonatomic) IBInspectable UIColor *borderColor;
8. /// 可以在xib里面直接设置的:边线宽度
9. @property (nonatomic) IBInspectable CGFloat borderWidth;
11. /// 可以在xib里面直接设置的:圆角
12. @property (nonatomic) IBInspectable CGFloat cornerRadius;
14. /// 可以在xib里面直接设置的:裁剪角
15. @property (nonatomic) IBInspectable BOOL topLeft;
16. @property (nonatomic) IBInspectable BOOL topRight;
17. @property (nonatomic) IBInspectable BOOL bottomLeft;
18. @property (nonatomic) IBInspectable BOOL bottomRight;
20. @end

复制代码

UIView+Border.m

1. #import "UIView+Border.h"
3. @implementation UIView (Border)
5. @dynamic borderColor, borderWidth, cornerRadius, topLeft, topRight, bottomLeft, bottomRight;
7. - (void)setBorderColor:(UIColor *)borderColor{
8.     self.layer.borderColor = borderColor.CGColor;
9. }
11. - (void)setBorderWidth:(CGFloat)borderWidth{
12.     self.layer.borderWidth = borderWidth;
13. }
15. - (void)setCornerRadius:(CGFloat)cornerRadius {
16.     self.layer.cornerRadius = cornerRadius;
17. }
19. - (void)setTopLeft:(BOOL)topLeft {
20.     [self updateMaskedCornersFor:topLeft corner:kCALayerMinXMinYCorner];
21. }
23. - (void)setTopRight:(BOOL)topRight {
24.     [self updateMaskedCornersFor:topRight corner:kCALayerMaxXMinYCorner];
25. }
27. - (void)setBottomLeft:(BOOL)bottomLeft {
28.     [self updateMaskedCornersFor:bottomLeft corner:kCALayerMinXMaxYCorner];
29. }
31. - (void)setBottomRight:(BOOL)bottomRight {
32.     [self updateMaskedCornersFor:bottomRight corner:kCALayerMaxXMaxYCorner];
33. }
35. - (void)updateMaskedCornersFor:(BOOL)shouldAdd corner:(CACornerMask)corner {
36.     if (@available(iOS 11.0, *)) {
37.         if (shouldAdd) {
38.             self.layer.maskedCorners |= corner;
39.         } else {
40.             self.layer.maskedCorners &= ~corner;
41.         }
42.     }
43. }
45. @end

复制代码

使用方法：

只必要把两个类倒入到项目中，xib中就会自动出现上面截图中的属性。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4