iOS中的四點漸變

Question

我打算創建一個四點漸變，如下圖所示，通過核心圖形繪製兩個線性漸變，並使用第三個黑白線性漸變在它們之間進行遮罩。

是否有更有效的方法使用核心圖形或其他繪製四點梯度？

Answer 1

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

Answer 2

畫出四個圓圈的例子：

應用徑向透明梯度：

結果：

注：

• 灰色線表示的位圖的大小。
• 圓的直徑是位圖直徑的兩倍。
• 每個圓都位於位圖邊角的中心。
• 有效地只繪製中心部分。
• 其餘部分在位圖之外。