美文网首页iOS开发
Xib设置圆角边框属性

Xib设置圆角边框属性

作者: HF_K | 来源:发表于2019-12-09 12:33 被阅读0次

最近开发中需要使用Xib开发,开发过程中涉及到给UIView设置圆角边框记录一下。

需求
实现没有什么难度,主要记录一下Xib使用。

方法一(代码)

self.circleView.layer.masksToBounds = YES;
self.circleView.layer.cornerRadius = 6;
如果需要加边框
self.circleView.layer.borderWidth = 1;
self.circleView.layer.borderColor = [UIColor blueColor].CGColor;

也可以设置一个宏定义从而实现快速设置

#define ECViewBorderRadius(View, Radius, Width, Color)\
\
[View.layer setCornerRadius:(Radius)];\
[View.layer setMasksToBounds:YES];\
[View.layer setBorderWidth:(Width)];\
[View.layer setBorderColor:[Color CGColor]]

方法二(Xib)

Xib设置圆角边框

Xib下主要去Xib中设置几个相关属性,如下:

  1. layer.cornerRadius 设置圆角弧度,设置成String/Number
  2. layer.masksToBounds 设置裁剪,设置成Boolean
  3. layer.borderWidth 设置边框宽度, 设置成String/Number
  4. layer.borderColorFromUIColor 设置边框颜色,设置成Color

但是完成上面设置后,圆角边框都实现了,但是边框显示颜色设置无效,如下图

Xib设置圆角边框颜色无效

解决方法:

layer.borderColorFromUIColor这个属性实现必须添加一个CALayer的分类,才能够是颜色出现。

#import <QuartzCore/QuartzCore.h>

NS_ASSUME_NONNULL_BEGIN

@interface CALayer (Extension)

- (void)setBorderColorFromUIColor:(UIColor *)color;

@end

NS_ASSUME_NONNULL_END

#import "CALayer+Extension.h"

@implementation CALayer (Extension)
- (void)setBorderColorFromUIColor:(UIColor *)color {
    self.borderColor = color.CGColor;
}
@end
效果

相关文章

  • Xib设置圆角边框属性

    最近开发中需要使用Xib开发,开发过程中涉及到给UIView设置圆角边框记录一下。 方法一(代码) 也可以设置一个...

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

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

  • ios中使用storyboard或者Xib给View设置边框属性

    ios中使用storyboard或者Xib给View设置边框属性(颜色,宽度,圆角)很多技术人员习惯于用纯代码设置...

  • 边框相关样式

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

  • xib设置圆角,边框

    在开发中,经常会用到一些圆角效果,或者边框效果,经常用的方法是通过代码直接去设置,比较方便快捷;但是当我们通过 X...

  • xib添加属性(圆角、边框)

    圆角layer.masksToBounds Booleanlayer.cornerRadius s...

  • Image

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

  • Tailwind Border

    边框半径(border radius) border-redius属性用于为元素设置圆角边框,可使用border-...

  • 十九、圆角边框&盒子阴影

    一、 圆角边框(重点) 在CSS3中,新增了样式,这样我们的盒子就可以变圆角了。 属性用于设置元素的外边框圆角。 ...

  • iOS一些代码的取巧写法总结(二)

    一、在xib/storyboard里面设置view圆角半径 在xib/storyboard里面设置view圆角半径...

网友评论

    本文标题:Xib设置圆角边框属性

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