iOS中的四点渐变答案

【问题标题】：Four point gradient in iOSiOS中的四点渐变
【发布时间】：2017-11-13 10:21:53
【问题描述】：

我打算创建一个四点渐变，如下图所示，通过核心图形绘制两个线性渐变并在它们之间使用第三个黑白线性渐变进行遮罩。

有没有更有效的方法来使用核心图形或其他方式绘制四点渐变？

【问题讨论】：

标签： iphone ios core-graphics gradient

【解决方案1】：

画四个圆圈：

应用径向透明渐变：

结果：

注意事项：

灰线代表位图大小。
圆的直径是位图直径的两倍。
每个圆都以位图角之一为中心。
实际上只绘制了中心部分。
其余部分在位图之外。

【讨论】：

【解决方案2】：

您可以在使用 CGBlendMode 时保存遮罩渐变。只是更难控制确切的颜色。但是，如果这对您来说不重要，那么它在代码行数和性能方面可能会更高效一些。

这是一个带有一些随机颜色和 CGBlendModeExclusion 的示例（CGBlendModeDifference 为您提供类似的效果）

- (void) drawRect:(CGRect)rect
{
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextSetBlendMode(ctx, kCGBlendModeExclusion);
    CGColorSpaceRef space = CGColorSpaceCreateDeviceRGB();

    CGFloat col1[8] = {
        1.0, 0.0, 0.0, 1.0,
        0.0, 0.0, 1.0, 1.0
    };
    CGGradientRef grad1 = CGGradientCreateWithColorComponents (space, col1, NULL, 2);
    CGContextDrawLinearGradient(ctx, grad1, CGPointMake(0, 0), CGPointMake(0, 320), 0);


    CGFloat col2[8] = {
        1.0, 0.5, 0.0, 1.0,
        0.0, 1.0, 0.0, 1.0
    };
    CGGradientRef grad2 = CGGradientCreateWithColorComponents (space, col2, NULL, 2);
    CGContextDrawLinearGradient(ctx, grad2, CGPointMake(0, 0), CGPointMake(320, 0), 0);

    CGGradientRelease(grad1);
    CGGradientRelease(grad2);
    CGColorSpaceRelease(space);
}

【讨论】：