美文网首页
直接在IB上设置控件圆角边框

直接在IB上设置控件圆角边框

作者: HH思無邪 | 来源:发表于2019-03-20 23:44 被阅读0次

直接在IB界面设置圆角边框颜色

屏幕快照 2019-03-20 23.27.10.png

运行结果

屏幕快照 2019-03-20 23.29.59.png

可以看到直接在xib中属性设置的圆角边框成功啦!

贴一下代码.h

IB_DESIGNABLE  // 动态刷新
@interface UIView (YHXibExtension)
@property (assign, nonatomic) IBInspectable CGFloat cornerRadius;
@property (assign, nonatomic) IBInspectable CGFloat borderWidth;
@property (strong, nonatomic) IBInspectable UIColor *borderColor;

@end

贴一下代码.m

@implementation UIView (YHXibExtension)

@dynamic cornerRadius;
@dynamic borderWidth;
@dynamic borderColor;

- (void)setCornerRadius:(CGFloat)cornerRadius {
    self.layer.cornerRadius = cornerRadius;
    self.layer.masksToBounds = (cornerRadius>0);
}

- (CGFloat)cornerRadius {
    return self.layer.cornerRadius;
}

- (void)setBorderWidth:(CGFloat)borderWidth {
    self.layer.borderWidth = borderWidth;
}

- (CGFloat)borderWidth {
    return self.layer.borderWidth;
}

- (void)setBorderColor:(UIColor *)borderColor {
    self.layer.borderColor = borderColor.CGColor;
}

- (UIColor *)borderColor {
    return [UIColor colorWithCGColor:self.layer.borderColor];
}

相关文章

  • 直接在IB上设置控件圆角边框

    直接在IB界面设置圆角边框颜色 运行结果 可以看到直接在xib中属性设置的圆角边框成功啦! 贴一下代码.h 贴一下...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • 在xib/storyboard里面设置view圆角半径

    想给视图设置圆角,常用的做法是将IB中的控件拖线到控制器,然后设置其圆角半径,以UIImageView为例,默认的...

  • UIView任意角圆角和圆角边框

    圆角原理:设置view.layer.mask该遮罩层。 圆角边框:在view.layer 上增加一层,绘制圆角边框...

  • CSS边框圆角--跟着李南江学编程

    1.什么是边框圆角? 就是把矩形边框变成圆角边框,就叫做边框圆角。 2.设置边框圆角的格式 2.1 border-...

  • 控件圆角样式与边框样式设置 - iOS

    日常开发中多多少少会遇到对控件进行圆角的设置和边框样式的设置,以下是通过 layer 的方式进行处理; 圆角样式设...

  • 玩转CALayer视觉效果

    圆角: cornerRadius 设置圆角的半径 边框: borderWidth 和borderColor 设置边...

  • 边框相关样式

    border-radius(边框圆角) 该属性用于设置边框圆角,属性值为圆角半径,当设置一个时为值为四个角的圆角半...

  • CALayer

    1. 获取View的CALayer 设置边框宽度 设置边框颜色 设置圆角 设置内容 Question: 这样设置完...

  • 设置样式

    1.div设置边框和圆角

网友评论

      本文标题:直接在IB上设置控件圆角边框

      本文链接:https://www.haomeiwen.com/subject/hvgxvqtx.html