CAGradientLayer 使用 UIScrollView 滚动

Posted 2023-03-12

【中文标题】CAGradientLayer 使用 UIScrollView 滚动

【英文标题】：CAGradientLayer scrolls with UIScrollView

【发布时间】：2015-02-23 23:57:28

【问题描述】：

我正在尝试在 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];

【参考方案1】：

当 UIScrollView 滚动时，我添加的掩码会移动

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

简单的解决方案：将滚动视图放在一个大小完全相同的超级视图中，并遮盖该超级视图的层。