@IT·互联网简友广场想法

iOS 实现外边框渐变

2023-10-10  本文已影响0人  海边的遐想

WeakSelf
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
//边框渐变
CAGradientLayer gradientLayer = [[CAGradientLayer alloc] init];
gradientLayer.frame = CGRectMake(0, 0, SCREEN_WIDTH -12
2, CGRectGetHeight(weakSelf.booHeaderView.bounds));
gradientLayer.colors = @[(__bridge id)UIColorFromRGB(0xC9D4F5).CGColor, (__bridge id)UIColorFromRGB(0xFFFFFF).CGColor];
gradientLayer.startPoint = CGPointMake(0.5, 0);
gradientLayer.endPoint = CGPointMake(0.5, 1);
CAShapeLayer maskLayer = [[CAShapeLayer alloc] init];
maskLayer.lineWidth = 2;
maskLayer.path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, SCREEN_WIDTH -12
2, CGRectGetHeight(weakSelf.booHeaderView.bounds)) byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(12, 12)].CGPath;
maskLayer.fillColor = UIColor.clearColor.CGColor;
maskLayer.strokeColor = UIColor.redColor.CGColor;
gradientLayer.mask = maskLayer;
[weakSelf.booHeaderView.layer addSublayer:gradientLayer];
weakSelf.booHeaderView.cornerRadius = 12;
});
如图外边框渐变样式

WeChat6cae232d38320265764de54c884a953b.jpg
上一篇 下一篇

猜你喜欢

热点阅读