iOS 实现外边框渐变

作者: 海边的遐想 | 来源:发表于2023-10-10 16:50 被阅读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

    相关文章

      网友评论

        本文标题:iOS 实现外边框渐变

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