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