objective-c - Objective-C - UICollectionView 左侧/右侧的渐变渐变

Question

我在 View Controller 的主视图中有一个水平滚动的 UICollectionView，就像这样(灰色是 UIView，木头是 UICollectionView):

我想在此 UICollectionView 的最左边和最右边的 sies 上添加固定的淡化渐变，以便在用户滚动时滚动看起来消失。我该怎么做呢？它是否涉及一些 CAGradientLayer 的使用？如果您能给我任何帮助，我将不胜感激!

Answer 1

感谢 this tutorial at cocoanetics，我实际上设法使用一个 mask 层解决了这个问题.这是我所做的:

@interface ScalesViewController : UIViewController
{
    CAGradientLayer *maskLayer;
}
@end

然后在 .m 中，我放入以下内容:

- (void)viewDidAppear:(BOOL)animated
{

    [super viewWillAppear: animated];

    if (!maskLayer)
    {
        maskLayer = [CAGradientLayer layer];

        CGColorRef outerColor = [[UIColor colorWithWhite:0.0 alpha:1.0] CGColor];
        CGColorRef innerColor = [[UIColor colorWithWhite:0.0 alpha:0.0] CGColor];

        maskLayer.colors = [NSArray arrayWithObjects:
                           (__bridge id)outerColor,
                           (__bridge id)innerColor,
                           (__bridge id)innerColor,
                           (__bridge id)outerColor, nil];

        maskLayer.locations = [NSArray arrayWithObjects:
                              [NSNumber numberWithFloat:0.0],
                              [NSNumber numberWithFloat:0.125],
                              [NSNumber numberWithFloat:0.875],
                              [NSNumber numberWithFloat:1.0], nil];

        [maskLayer setStartPoint:CGPointMake(0, 0.5)];
        [maskLayer setEndPoint:CGPointMake(1, 0.5)];

        maskLayer.bounds = self.mainCollectionView.bounds;
        maskLayer.anchorPoint = CGPointZero;

        [self.mainCollectionView.layer insertSublayer: maskLayer atIndex: 0];
    }
}

这会在我的 Collection View 的两侧创建一个很好的“淡入黑色”效果。可以将更多颜色添加到位置和颜色属性以优化渐变混合。起点/终点决定梯度的方向和位置。