iOS中的四点渐变

Question

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

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

Answer 1

画四个圆圈：

应用径向透明渐变：

结果：

注意：

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

Answer 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);
}