CAGradientLayer显示完全半透明

Question

我正在尝试创建两个渐变图层，一个位于滚动视图的每一侧，以便显示有要滚动的内容。

左侧的那个工作正常，但右侧的那个显示完全透明。我错过了什么？

CAGradientLayer *l = [CAGradientLayer layer];
l.frame = self.leftBlur.frame;
l.colors = [NSArray arrayWithObjects:(id)[UIColor whiteColor].CGColor, (id)[UIColor clearColor].CGColor, nil];
l.startPoint = CGPointMake(0.0f, 0.5f);
l.endPoint = CGPointMake(1.0f, 0.5f);
self.leftBlur.layer.mask = l;

self.leftBlur.hidden = YES;

CAGradientLayer *r = [CAGradientLayer layer];
r.frame = self.rightBlur.frame;
r.colors = [NSArray arrayWithObjects:(id)[UIColor clearColor].CGColor, (id)[UIColor whiteColor].CGColor, nil];
r.startPoint = CGPointMake(0.0f, 0.5f);
r.endPoint = CGPointMake(1.0f, 0.5f);
self.rightBlur.layer.mask = r;

调试输出：

(lldb) po r
<CAGradientLayer:0x170ba6d0; position = CGPoint (305 62.5); bounds = CGRect (0 0; 30 125); allowsGroupOpacity = YES; endPoint = CGPoint (1 0.5); startPoint = CGPoint (0 0.5); colors = (
    "<CGColor 0x15e590e0> [<CGColorSpace 0x15e34b50> (kCGColorSpaceDeviceGray)] ( 1 1 )",
    "<CGColor 0x17012ed0> [<CGColorSpace 0x15d15310> (kCGColorSpaceDeviceRGB)] ( 1 0 0 1 )"
)>
(lldb) po self.rightBlur
<UIImageView: 0x171377d0; frame = (290 0; 30 125); autoresize = W+H; userInteractionEnabled = NO; layer = <CALayer: 0x17137860>>
(lldb) po l
<CAGradientLayer:0x170b9f00; position = CGPoint (15 62.5); bounds = CGRect (0 0; 30 125); allowsGroupOpacity = YES; endPoint = CGPoint (1 0.5); startPoint = CGPoint (0 0.5); colors = (
    "<CGColor 0x15e590e0> [<CGColorSpace 0x15e34b50> (kCGColorSpaceDeviceGray)] ( 1 1 )",
    "<CGColor 0x15d39320> [<CGColorSpace 0x15e34b50> (kCGColorSpaceDeviceGray)] ( 0 0 )"
)>
(lldb) po self.leftBlur
<UIImageView: 0x17136fc0; frame = (0 0; 30 125); hidden = YES; autoresize = W+H; userInteractionEnabled = NO; layer = <CALayer: 0x17137050>>

Answer 1

问题很可能是由于颜色来自不同的颜色空间。请注意，当您执行po r时，颜色不在同一颜色空间中 - 一个来自RGB，另一个来自灰色。

我建议您使用[UIColor clearColor]而不是[UIColor colorWithWhite:1.0 alpha:0.0]。与[UIColor whiteColor]一起使用另一种颜色将导致两种颜色在同一颜色空间中。

编辑：实际上问题可能是“diederikh”指出的frame问题。

Answer 2

您将渐变图层的帧设置为等于rightBlur的帧。这将抵消rightBlur内的图层。你应该把它设置为界限：

r.frame = self.rightBlur.bounds;

对于左侧，这是有效的，因为它的原点是（0,0）

Answer 3

以防万一有人提出这个问题，但它仍然不起作用：

请记住使用CGColor对象而不是UIColor来制作颜色数组。

我花了30分钟想知道为什么我的渐变不起作用。

希望这有助于某人。