ios UIView...可变的圆角和边框，某个角，多个角，设置圆角和边框

末蓝、 2022-06-09 05:16 669阅读 0赞

效果图：

![Center][]

主要类：

VariableRoundedBorderView.h

#import <UIKit/UIKit.h>
    
    typedef NS_OPTIONS(NSUInteger, BorderDirection) {//需要显示的边框方向
        BorderDirectionLeft     = 1 << 0,
        BorderDirectionRight    = 1 << 1,
        BorderDirectionBottom  = 1 << 2,
        BorderDirectionTop = 1 << 3,
        BorderDirectionAllCorners  = ~0UL
    };
    IB_DESIGNABLE
    @interface VariableRoundedBorderView : UIView
    @property(nonatomic,unsafe_unretained)IBInspectable BorderDirection BD;//需要显示边框的方向  等于0时，什么方向都不画
    @property(nonatomic,unsafe_unretained)IBInspectable UIRectCorner corners;//需要设置圆角的方向 等于0时，什么方向都不画
    @property(nonatomic,unsafe_unretained)IBInspectable CGFloat radius;//圆角角度
    @property(nonatomic,unsafe_unretained)IBInspectable CGFloat borderWidth;//边框宽度
    @property(nonatomic,strong)IBInspectable UIColor *borderColor;//边框颜色
    
    +(void)setVariableRoundedBorder:(CGRect)rect view:(UIView *)view  BD:(BorderDirection)BD corners:(UIRectCorner)corners radius:(CGFloat)radius borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor;
    
    @end

VariableRoundedBorderView.m

#import "VariableRoundedBorderView.h"
    
    @interface VariableRoundedBorderView (){
    }
    
    @end
    @implementation VariableRoundedBorderView
    - (void)awakeFromNib {
        [super awakeFromNib];
        [self commonInit];
    }
    -(instancetype)init {
        if (self = [super init]) {
            [self commonInit];
        }
        return self;
    }
    - (instancetype)initWithCoder:(NSCoder *)coder
    {
        self = [super initWithCoder:coder];
        if (self) {
            [self commonInit];
        }
        return self;
    }
    -(instancetype)initWithFrame:(CGRect)frame {
        self = [super initWithFrame:frame];
        if (self) {
            [self commonInit];
        }
        return self;
    }
    
    - (instancetype)initWithBtns:(NSArray *)btns vc:(UIViewController *)vc
    {
        self = [super init];
        if (self) {
            //[self Btns:btns vc:vc];
        }
        return self;
    }
    
    /**
     *  设置默认值
     */
    -(void)commonInit{
        self.BD = BorderDirectionLeft | BorderDirectionTop | BorderDirectionRight;
        self.corners = UIRectCornerTopLeft | UIRectCornerTopRight;
        self.radius = 5;
        self.borderColor = [UIColor blackColor];
        self.borderWidth = 1;
    }
    
    - (void)drawRect:(CGRect)rect {
        [super drawRect:rect];
        
        [VariableRoundedBorderView setVariableRoundedBorder:rect view:self
                                    BD:self.BD
                               corners:self.corners
                                radius:self.radius
                           borderWidth:self.borderWidth
                           borderColor:self.borderColor];
    }
    
    /**
     *  设置可变的圆角和边框
     *
     *  @param rect
     *  @param view
     *  @param BD          需要显示边框的方向
     *  @param corners     需要设置圆角的方向
     *  @param radius      圆角角度
     *  @param borderWidth 边框的宽度
     *  @param borderColor 边框的颜色
     */
    +(void)setVariableRoundedBorder:(CGRect)rect view:(UIView *)view  BD:(BorderDirection)BD corners:(UIRectCorner)corners radius:(CGFloat)radius borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor {
        
        if (corners != 0) {
            [self setRounded:rect view:view corners:corners];
        }
        if (BD != 0) {
            [self drawInContext:UIGraphicsGetCurrentContext() view:view BD:BD corners:corners radius:radius borderWidth:borderWidth borderColor:borderColor];
        }
        
    }
    
    /**
     *  设置圆角
     *
     *  @param rect
     *  @param view
     *  @param corners 需要设置圆角的方向
     */
    +(void)setRounded:(CGRect)rect view:(UIView *)view corners:(UIRectCorner)corners{
        UIBezierPath* maskPath = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corners cornerRadii:CGSizeMake(6, 6)];
        maskPath.lineWidth     = 0.f;
        CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
        maskLayer.frame = view.bounds;
        maskLayer.path = maskPath.CGPath;
        view.layer.mask = maskLayer;
    }
    
    +(void)drawInContext:(CGContextRef)context view:(UIView *)view BD:(BorderDirection)BD corners:(UIRectCorner)corners radius:(CGFloat)radius borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor{
        
        CGContextSetAllowsAntialiasing(context, true);
        CGContextSetShouldAntialias(context, true);
        
        CGContextSetLineWidth(context, borderWidth);
        CGRect rrect = view.bounds;
        CGFloat height = rrect.size.height;
        CGFloat width = rrect.size.width;
        [borderColor set];
        NSInteger BorderDirectionNumber = 0;
    
        if (BD & BorderDirectionLeft) {
            BorderDirectionNumber++;
        }
        if (BD & BorderDirectionRight) {
            BorderDirectionNumber++;
        }
        if (BD & BorderDirectionBottom) {
            BorderDirectionNumber++;
        }
        if (BD & BorderDirectionTop) {
            BorderDirectionNumber++;
        }
        if (BorderDirectionNumber == 4) {
            CGContextMoveToPoint(context, 0, 0);
            CGContextAddArcToPoint(context, 0, height, width, height, radius);
            CGContextAddArcToPoint(context, width, height, width, 0, radius);
            CGContextAddArcToPoint(context,  width, 0, 0, 0, radius);
            CGContextAddArcToPoint(context,  0, 0, 0, height, radius);
            CGContextStrokePath(context);
        }else if (BorderDirectionNumber == 3){
            if (BD & BorderDirectionLeft && BD & BorderDirectionBottom && BD & BorderDirectionRight) {
                [self drawThreeSide:context radius:radius oneX:0 oneY:0 twoX:0 twoY:height threeX:width threeY:height foruX:width foruY:0];
                
            }else if (BD & BorderDirectionLeft && BD & BorderDirectionBottom && BD & BorderDirectionTop){
                [self drawThreeSide:context radius:radius oneX:width oneY:0 twoX:0 twoY:0 threeX:0 threeY:height foruX:width foruY:height];
                
            }else if (BD & BorderDirectionBottom && BD & BorderDirectionRight && BD & BorderDirectionTop){
                [self drawThreeSide:context radius:radius oneX:0 oneY:height twoX:width twoY:height threeX:width threeY:0 foruX:0 foruY:0];
                
            }else if (BD & BorderDirectionLeft && BD & BorderDirectionRight && BD & BorderDirectionTop){
                [self drawThreeSide:context radius:radius oneX:0 oneY:height twoX:0 twoY:0 threeX:width threeY:0 foruX:width foruY:height];
                
            }
        }else if (BorderDirectionNumber == 2){
            if (BD & BorderDirectionLeft && BD & BorderDirectionBottom) {
                [self drawTwoSide:context radius:radius oneX:0 oneY:0 twoX:0 twoY:height threeX:width threeY:height foruX:width foruY:0];
            }else if (BD & BorderDirectionLeft && BD & BorderDirectionRight){
                CGContextMoveToPoint(context, 0, 0);
                CGContextAddLineToPoint(context, 0, height);
                CGContextStrokePath(context);
                CGContextMoveToPoint(context, width, 0);
                CGContextAddLineToPoint(context, width, height);
                CGContextStrokePath(context);
            }else if (BD & BorderDirectionLeft && BD & BorderDirectionTop){
                [self drawTwoSide:context radius:radius oneX:0 oneY:height twoX:0 twoY:0 threeX:width threeY:0 foruX:width foruY:height];
            }else if (BD & BorderDirectionBottom && BD & BorderDirectionRight){
                [self drawTwoSide:context radius:radius oneX:0 oneY:height twoX:width twoY:height threeX:width threeY:0 foruX:0 foruY:0];
            }else if (BD & BorderDirectionBottom && BD & BorderDirectionTop){
                CGContextMoveToPoint(context, 0, 0);
                CGContextAddLineToPoint(context, width, 0);
                CGContextStrokePath(context);
                CGContextMoveToPoint(context, 0, height);
                CGContextAddLineToPoint(context, width, height);
                CGContextStrokePath(context);
            }else if (BD & BorderDirectionRight && BD & BorderDirectionTop){
                [self drawTwoSide:context radius:radius oneX:0 oneY:0 twoX:width twoY:height threeX:width threeY:height foruX:0 foruY:height];
            }
        }else if (BorderDirectionNumber == 1){
            if (BD & BorderDirectionLeft) {
                CGContextMoveToPoint(context, 0, 0);
                CGContextAddLineToPoint(context, 0, height);
                CGContextStrokePath(context);
            }else if (BD & BorderDirectionRight){
                CGContextMoveToPoint(context, width, 0);
                CGContextAddLineToPoint(context, width, height);
                CGContextStrokePath(context);
            }else if (BD & BorderDirectionTop){
                CGContextMoveToPoint(context, 0, 0);
                CGContextAddLineToPoint(context, width, 0);
                CGContextStrokePath(context);
            }else if (BD & BorderDirectionBottom){
                CGContextMoveToPoint(context, 0, height);
                CGContextAddLineToPoint(context, width, height);
                CGContextStrokePath(context);
            }
        }
    }
    
    +(void)drawThreeSide:(CGContextRef)context radius:(CGFloat)radius oneX:(CGFloat)oneX  oneY:(CGFloat)oneY twoX:(CGFloat)twoX  twoY:(CGFloat)twoY threeX:(CGFloat)threeX threeY:(CGFloat)threeY foruX:(CGFloat)foruX foruY:(CGFloat)foruY{
        CGContextMoveToPoint(context, oneX, oneY);
        CGContextAddArcToPoint(context, twoX, twoY, threeX, threeY, radius);
        CGContextAddArcToPoint(context, threeX, threeY, foruX, foruY, radius);
        CGContextAddArcToPoint(context,  foruX, foruY, oneX, oneY, 0);
        CGContextStrokePath(context);
    }
    
    +(void)drawTwoSide:(CGContextRef)context radius:(CGFloat)radius oneX:(CGFloat)oneX  oneY:(CGFloat)oneY twoX:(CGFloat)twoX  twoY:(CGFloat)twoY threeX:(CGFloat)threeX threeY:(CGFloat)threeY foruX:(CGFloat)foruX foruY:(CGFloat)foruY{
        CGContextMoveToPoint(context, oneX, oneY);
        CGContextAddArcToPoint(context, twoX, twoY, threeX, threeY, radius);
        CGContextAddArcToPoint(context, threeX, threeY, foruX, foruY, 0);
        CGContextStrokePath(context);
    }
    @end

VariableRoundedBorderLabel.h

#import <UIKit/UIKit.h>
    #import "VariableRoundedBorderView.h"
    IB_DESIGNABLE
    @interface VariableRoundedBorderLabel : UILabel
    @property(nonatomic,unsafe_unretained)IBInspectable BorderDirection BD;//需要显示边框的方向  等于0时，什么方向都不画
    @property(nonatomic,unsafe_unretained)IBInspectable UIRectCorner corners;//需要设置圆角的方向 等于0时，什么方向都不画
    @property(nonatomic,unsafe_unretained)IBInspectable CGFloat radius;//圆角角度
    @property(nonatomic,unsafe_unretained)IBInspectable CGFloat borderWidth;//边框宽度
    @property(nonatomic,strong)IBInspectable UIColor *borderColor;//边框颜色
    
    @end

VariableRoundedBorderLabel.m

#import "VariableRoundedBorderLabel.h"
    
    @implementation VariableRoundedBorderLabel
    - (void)awakeFromNib {
        [super awakeFromNib];
        [self commonInit];
    }
    -(instancetype)init {
        if (self = [super init]) {
            [self commonInit];
        }
        return self;
    }
    - (instancetype)initWithCoder:(NSCoder *)coder
    {
        self = [super initWithCoder:coder];
        if (self) {
            [self commonInit];
        }
        return self;
    }
    -(instancetype)initWithFrame:(CGRect)frame {
        self = [super initWithFrame:frame];
        if (self) {
            [self commonInit];
        }
        return self;
    }
    
    - (instancetype)initWithBtns:(NSArray *)btns vc:(UIViewController *)vc
    {
        self = [super init];
        if (self) {
            //[self Btns:btns vc:vc];
        }
        return self;
    }
    
    -(void)commonInit{
        self.BD = BorderDirectionLeft | BorderDirectionTop | BorderDirectionRight;
        self.corners = UIRectCornerTopLeft | UIRectCornerTopRight;
        self.radius = 5;
        self.borderColor = [UIColor blackColor];
        self.borderWidth = 2;
    }
    
    
    // Only override drawRect: if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    - (void)drawRect:(CGRect)rect {
        [super drawRect:rect];
        // Drawing code
        [VariableRoundedBorderView setVariableRoundedBorder:rect view:self
                                                         BD:self.BD
                                                    corners:self.corners
                                                     radius:self.radius
                                                borderWidth:self.borderWidth
                                                borderColor:self.borderColor];
    }

使用：

#import "ViewController.h"
    #import "VariableRoundedBorderView.h"
    #import "VariableRoundedBorderLabel.h"
    
    @interface ViewController ()
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderView *V;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderView *V2;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderView *V3;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderView *V4;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderView *V5;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderLabel *label;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderLabel *label2;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderLabel *label3;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderLabel *label4;
    @property (weak, nonatomic) IBOutlet VariableRoundedBorderLabel *label5;
    
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    //    [self setBorderWithView:self.V top:NO left:YES bottom:YES right:YES borderColor:[UIColor redColor] borderWidth:1];
        self.V.borderColor = [UIColor greenColor];
        self.V.borderWidth = 5;
        [self.V setNeedsDisplay];
        
        self.V2.BD = BorderDirectionTop | BorderDirectionLeft | BorderDirectionBottom;
        self.V2.corners =  UIRectCornerTopLeft | UIRectCornerBottomLeft;
        self.V2.borderWidth = 5;
        [self.V2 setNeedsDisplay];
        
        self.V3.BD = BorderDirectionTop | BorderDirectionRight | BorderDirectionBottom;
        self.V3.corners =  UIRectCornerTopRight | UIRectCornerBottomRight;
        self.V3.borderWidth = 5;
        [self.V3 setNeedsDisplay];
        
        self.V4.BD = BorderDirectionLeft | BorderDirectionRight | BorderDirectionBottom;
        self.V4.corners =  UIRectCornerBottomLeft | UIRectCornerBottomRight;
        self.V4.borderWidth = 5;
        [self.V4 setNeedsDisplay];
        
        self.V5.BD = BorderDirectionAllCorners;
        self.V5.corners =  UIRectCornerAllCorners;
        self.V5.borderWidth = 5;
        [self.V5 setNeedsDisplay];
        
        self.label2.BD = BorderDirectionTop | BorderDirectionBottom;
        self.label2.corners =  0;
        self.label2.borderWidth = 5;
        [self.label2 setNeedsDisplay];
        
        self.label3.BD = BorderDirectionBottom;
        self.label3.corners =  0;
        self.label3.borderWidth = 5;
        [self.label3 setNeedsDisplay];
    
        
        self.label4.BD = BorderDirectionLeft | BorderDirectionRight;
        self.label4.corners =  0;
        self.label4.borderWidth = 5;
        [self.label4 setNeedsDisplay];
    
        
        self.label5.BD = BorderDirectionAllCorners;
        self.label5.corners =  UIRectCornerAllCorners;
        self.label5.borderWidth = 5;
        [self.label5 setNeedsDisplay];
    }
    
    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    @end

[Center]: /images/20220609/7ceb1e5548f44d398365b617ca60b011.png