Iphone iOS中的四点梯度

Iphone iOS中的四点梯度,iphone,ios,core-graphics,gradient,Iphone,Ios,Core Graphics,Gradient,我计划创建一个四点渐变,如下图所示,通过核心图形绘制两个线性渐变,并在它们之间用第三个黑白线性渐变遮罩 有没有一种更有效的方法来使用核心图形或其他方式绘制四点渐变 使用CGBlendMode时,可以保存遮罩渐变。只是更难控制确切的颜色。但是,如果这对您来说并不重要,那么它在代码行和性能方面可能会更有效率 下面是一个带有一些随机颜色和CGBlendModeExclusion的示例(CGBlendModeDifference提供了类似的效果) 使用CGBlendMode时,可以保存遮罩渐变。只是更难

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

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


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

下面是一个带有一些随机颜色和CGBlendModeExclusion的示例(CGBlendModeDifference提供了类似的效果)


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