ios UIView...可变的圆角和边框，某个角，多个角，设置圆角和边框
程序员文章站
2022-06-17 15:23:21
...
效果图：
主要类：
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
我的业余技术微信公众号：YKJGZH，欢迎大家进入
上一篇： Mybatis入门与Mapper动态代理
下一篇： Maven自动化构建