iOS中的四点渐变

我打算创build一个四点梯度,如下图所示,绘制两个线性渐变通过核心graphics和掩盖他们之间的第三个黑色和白色的线性渐变。

有没有更有效的方法来使用核心graphics或其他绘制四点渐变?

在这里输入图像说明

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

画四个圈子:

界

应用径向透明渐变:

梯度

结果:

结果

笔记:

  • 灰线代表位图大小。
  • 圆的直径是位图直径的两倍。
  • 每个圆都位于位图的一个angular落。
  • 有效地只绘制中心部分。
  • 其余部分在位图之外。