模糊效果的实现

简介: 模糊效果的实现

思路



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


image.png


  • 下面(最底下的图片要和模糊层的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;


目录
相关文章
|
5月前
|
人工智能 自然语言处理 算法
|
6月前
|
算法 计算机视觉
图像处理之移动模糊
图像处理之移动模糊
38 0
|
6月前
|
算法 计算机视觉
图像处理之基于阈值模糊
图像处理之基于阈值模糊
34 0
|
7月前
|
前端开发 API
前端模糊实现那点事
前端模糊实现那点事
103 0
|
小程序
小程序实现全屏幕高斯模糊背景图
小程序实现全屏幕高斯模糊背景图
201 0
|
安全 NoSQL Ubuntu
|
前端开发
巧用模糊实现视觉的 3D 效果
巧用模糊实现视觉的 3D 效果
142 0
巧用模糊实现视觉的 3D 效果
|
算法 Java 计算机视觉
基于 Laplacian 实现简单的图像模糊检测
基于 Laplacian 实现简单的图像模糊检测
714 0
基于 Laplacian 实现简单的图像模糊检测
|
编解码
图片的变形与模糊,是两回事
图片的变形与模糊,是两回事
135 0
|
资源调度 算法 Java
Android图像处理 - 高斯模糊的原理及实现
原文:Android图像处理 - 高斯模糊的原理及实现 欢迎大家前往云+社区,获取更多腾讯海量技术实践干货哦~ 由 天天P图攻城狮 发布在云+社区 作者简介:damonxia(夏正冬),天天P图Android工程师 前言 高斯模糊是图像处理中几乎每个程序员都或多或少听过的名词,但是对其原理大家可能并不了解,只知道通过高斯模糊能实现图像毛玻璃效果。
2250 0

热门文章

最新文章