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

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

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章