CAGradientLayer 使用 UIScrollView 滚动

Question

我正在尝试在 UIScrollView 之上添加 CAGradientLayer 以将边缘淡化为透明。

渐变是正确的，但我添加的遮罩会在 UIScrollView 滚动时移动。

我已尝试提交 CATransaction，但仍未成功。

- (void)layoutSubviews
{
    [super layoutSubviews];

    [CATransaction begin];
    [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions];

    NSObject * transparent = (NSObject *) [[UIColor colorWithWhite:0 alpha:0] CGColor];
    NSObject * opaque = (NSObject *) [[UIColor colorWithWhite:0 alpha:1] CGColor];

    CAGradientLayer* hMaskLayer = [CAGradientLayer layer];
    hMaskLayer.opacity = .7;
    hMaskLayer.colors = [NSArray arrayWithObjects:transparent, opaque, opaque, transparent, nil];
    hMaskLayer.locations = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0],
                        [NSNumber numberWithFloat:0.2],
                        [NSNumber numberWithFloat:0.8],
                        [NSNumber numberWithFloat:1.0], nil];
    hMaskLayer.startPoint = CGPointMake(0, 0.5);
    hMaskLayer.endPoint = CGPointMake(1.0, 0.5);
    hMaskLayer.bounds = self.bounds;
    hMaskLayer.anchorPoint = CGPointZero;

    self.layer.mask = hMaskLayer;

    [CATransaction commit];
}

Answer 1

the mask I'm adding moves when the UIScrollView scrolls

这并不奇怪，因为图层的位置基于其超图层的边界，而边界正是滚动时发生的变化。

简单的解决方案：将滚动视图放在一个大小和掩码完全相同的超级视图中那个超级视图的层。

CAGradientLayer 使用 UIScrollView 滚动

CAGradientLayer scrolls with UIScrollView

ios

objective-c

cocoa-touch

uiscrollview