22.模糊效果的实现

思路

显示一张图片,再是加模糊层(设置透明度),最后放小图标(和底图一样)

模糊效果的实现

• 下面(最底下的图片要和模糊层的frame保持一致)

  <1>.模糊层下面的图片

  UIImageView *_imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, WIDTH, 100)];
  _imageView.image = [UIImage imageNamed:@"0xxx0006.jpg"];
  [self.view addSubview:_imageView];
  

  <2>.模糊层(lightView.alpha = 0.9f;自己设置)
  UIBlurEffect *light = [UIBlurEffect effectWithStyle:(UIBlurEffectStyleLight)];
  //模糊效果的View视图
  UIVisualEffectView *lightView = [[UIVisualEffectView alloc] initWithEffect:light];
  lightView.frame = CGRectMake(0, 0, WIDTH, 100);
  //添加上去
  [self.view addSubview:lightView];
  //模糊透明度 0-1 1，特别模糊
  //加上它后，按钮也会变暗
  lightView.alpha = 0.9f;
  <3>.模糊层
  UIImageView *geView = [[UIImageView alloc] initWithFrame:CGRectMake(50, 20, 60,60)];
  geView.image = [UIImage imageNamed:@"0xxx0006.jpg"];
  geView.layer.cornerRadius = 30;
  geView.layer.masksToBounds = YES;
  [lightView addSubview:geView];

  模糊效果的实现demo

• 大家掌握3点:
  1.底图的frame和模糊层frame保持一致
  2.底图的图片和自己设置的圆的小图标保持一致
  3.模糊的6句代码

  (1).创建类UIBlurEffect
  UIBlurEffect *light = [UIBlurEffect effectWithStyle:(UIBlurEffectStyleLight)];
  (2).模糊效果的View视图
  UIVisualEffectView *lightView = [[UIVisualEffectView alloc] initWithEffect:light];
  (3).设置frame
  lightView.frame = CGRectMake(0, 0, WIDTH, 100);
  (4).添加上去
  [self.view addSubview:lightView];
  (5).模糊透明度 0-1    1，特别模糊 (加上它后，按钮也会变暗)
  lightView.alpha = 0.9f;