ios - CAGradientLayer 使用 UIScrollView 滚动

Question

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

渐变是正确的，但是当 UIScrollView 滚动时，我添加的 mask 会移动。

我已尝试提交 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

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

简单的解决方案:将 ScrollView 放在一个父 View 中，其大小和掩码该父 View 的层完全相同。