IOS毛玻璃效果-阿里云开发者社区

开发者社区> 林深> 正文

IOS毛玻璃效果

简介: 最近实习公司的ios项目中需要用到毛玻璃的效果(如下图效果) 尝试用了几个方法都不太满意,最后终于找到了一个比较好的解决方案。 在IOS8以上的机器中,我们可以利IOS SDK中已经提供了的UIBlurEffect和UIVisualView实现简单毛玻璃的效果。实现的方法如下: UIImageView *imageView = [[UIImageView alloc]i
+关注继续查看

最近实习公司的ios项目中需要用到毛玻璃的效果(如下图效果)


尝试用了几个方法都不太满意,最后终于找到了一个比较好的解决方案。

在IOS8以上的机器中,我们可以利IOS SDK中已经提供了的UIBlurEffect和UIVisualView实现简单毛玻璃的效果。实现的方法如下:

    UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"originalImage.jpg"]];
    [self.view addSubview:imageView];
    imageView.center = CGPointMake(self.view.frame.size.width/2, self.view.frame.size.height/2);
    
    UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
    UIVisualEffectView *visualEffectView = [[UIVisualEffectView alloc]initWithFrame:CGRectMake(imageView.frame.origin.x, imageView.frame.origin.y, imageView.frame.size.width/2, imageView.frame.size.height/2)];
    [visualEffectView setEffect:blurEffect];
    [self.view addSubview:visualEffectView];

其中visualEffectView就相当于“毛玻璃片”,其能够对其后面所盖着的视图进行毛玻璃效果处理并透射过来。我们也可以通过修改blurEffect的模式来调整“毛玻璃样式”,总共有三种模式可以选择

UIBlurEffectStyleExtraLight

UIBlurEffectStyleLight

UIBlurEffectStyleDark

比较遗憾的是,苹果只为提供了调整“毛玻璃样式”的方法,却没有为提供调整“毛玻璃程度”的方法。

该方法的demo可见我的github:

OboBlurViewDemo


swift版参考链接:

http://blog.csdn.net/pucker/article/details/43405929

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9456 0
【iOS开发】快速生成高斯模糊效果背景
这篇文章是上一篇文章 http://www.jianshu.com/p/c9083a105921 的拓展,不罗嗦了,直接上代码。 //创建毛玻璃效果的背景 func createFrostBackground (img:UIImage,view:UIView) { let w = self.
929 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10835 0
仿IOS效果-带弹簧动画的ListView
背景介绍 最近项目打算做一个界面,类似于dayone首页的界面效果,dayone 是一款付费应用,目前只有IOS端。作为一个资深懒惰的程序员,奉行的宗旨是绝对不重复造一个轮子。于是乎,去网上找一大堆开源项目,发现没有找到合适的,然后,只能硬着头皮自己来了。先看看效果: 其实写起来也比较简单,就是控制ListView的头部和底部的高度就可以了, 如果用RecycleVi
972 0
PNChart,简洁高效有动画效果的iOS图表库
PNChart,简洁高效有动画效果的iOS图表库
1171 0
+关注
林深
非主流程序员,不爱加班爱专研。你说没有强者的心该如何成为强者呢?
26
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载