iOS 使用使用渐变色生成图片

刘小哈哈哈2024-09-28 9:53

遇到这样一个场景，需要在一个背景图上盖一张渐变色的蒙层，

本来这个蒙层是直接可以使用- (CAGradientLayer *) 生成的，但是

由于我这里还有一个特殊的需求，就是背景图片会拉伸放大，这就需要随着列表的滚动改变 CAGradientLayer 对象的frame, 但是经过调试发现，CAGradientLayer的frame改变和图片的大小改变是有差距的，会有一个时间差，导致底部露出图片的原样，这是不符合需求的，所以，就打算使用渐变色，生成一个图片，然后添加一个透明的imageView 放在背景视图的上面，随着背景视图放大，跟着放大蒙层图片视图，这样蒙层和背景图就完美贴合了

下面直接贴出代码

思路：创建一个透明的空视图，然后创建一个渐变 layer,

将渐变layer. 添加大空视图上，然后通过截图的方式生成一个渐变的蒙层

- (CAGradientLayer *)gradientLayerOnBg
{
  if (!_gradientLayerOnBg) {
      _gradientLayerOnBg = [[CAGradientLayer alloc] init];
      _gradientLayerOnBg.frame = CGRectMake(0, 0, AUCommonUIGetScreenWidth(), self.backgroundImgView.height);
      _gradientLayerOnBg.colors = @[(id)[UIColor clearColor].CGColor,(id)[UIColor clearColor].CGColor];
      _gradientLayerOnBg.startPoint = CGPointMake(0, 0);
      _gradientLayerOnBg.endPoint = CGPointMake(0, 1);
      _gradientLayerOnBg.locations = @[@(0),@(01)];
  }
  return _gradientLayerOnBg;
}

- (UIImage *)captureImageView
{
   UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, AUCommonUIGetScreenWidth(), self.headerTemplView.height + AUCommonUIGetStatusBarHeight() + 16)];
   view.backgroundColor = [UIColor clearColor];
   [view.layer addSublayer:self.gradientLayerOnBg];
   UIGraphicsBeginImageContext(view.bounds.size);
   [view.layer renderInContext:UIGraphicsGetCurrentContext()];
   UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();
   return image;
}