iOS 設(shè)置漸變色圓角邊框
*如下需求圖,使用背景圖片很難達(dá)到很好的效果
WX20220505-101437.png
*就需要使用代碼來繪制漸變色圓角邊框
/**
* 給view設(shè)置漸變色圓角邊框
*
* @param view : 要添加邊框的view
* @param cornerRadius : 圓角大小
* @param lineWidth : 線寬
* @param colors : 漸變顏色數(shù)組
* colors : @[(__bridge id)RGB_COLOR(117, 48,227, 1).CGColor,(__bridge id)RGB_COLOR(225, 175, 204, 1).CGColor]
*/
- (void)addGradientLayerWithCorner:(UIView *)view withCornerRadius:(float)cornerRadius withLineWidth:(float)lineWidth withColors:(NSArray *)colors{
CGRect mapRect = CGRectMake(lineWidth/2, lineWidth/2, view.frame.size.width-lineWidth, view.frame.size.height-lineWidth);
CAGradientLayer * gradientLayer = [CAGradientLayer layer];
gradientLayer.frame = CGRectMake(0, 0, view.frame.size.width, view.frame.size.height);
gradientLayer.colors = colors;
gradientLayer.startPoint = CGPointMake(0, 0.5);
gradientLayer.endPoint = CGPointMake(1, 0.5);
gradientLayer.cornerRadius = mapRect.size.height/2;
CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.lineWidth = lineWidth;
UIBezierPath * path = [UIBezierPath bezierPathWithRoundedRect:mapRect cornerRadius:mapRect.size.height/2];
maskLayer.path = path.CGPath;
maskLayer.fillColor = [UIColor clearColor].CGColor;
maskLayer.strokeColor = [UIColor blueColor].CGColor;
gradientLayer.mask = maskLayer;
[view.layer addSublayer:gradientLayer];
}
