毛玻璃效果

起因

项目要嵌入云通讯,而云通讯需要有个呼叫中的界面。于是想要实现毛玻璃效果,类似于:

calling.png

并不难,直接说结果。

结果

两种实现方式:

  1. UIVisualEffectView

  2. vImage

详细说明

  • UIVisualEffectView 是iOS8 新增的类。使用如下:
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];            
UIVisualEffectView *view = [[UIVisualEffectView alloc] initWithEffect:blurEffect];  
view.frame = self.view.bounds;  
[self.view addSubview:view];

详细信息可参考:

使用UIVisualEffectView为视图添加特殊效果
http://www.cocoachina.com/ios/20150604/11987.html

  • vImage 是在Accelerate.framework中的。iOS6、7都可用。可以直接使用UIImage+ImageEffects这个图像处理库。一行代码即可:
UIImage *blurImage = [image blurImage];

demo 地址:

毛玻璃效果demo


备注:这是我认为最简单的方式,足以满足一般需求。不过还有其他实现方式:
Core Image、GPUImage(第三方)之类的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 效果图:...
    Mr_董阅读 1,328评论 0 0
  • 前一段时间项目中用到毛玻璃效果,那时对UIBlurEffect类和 UIVisualEffectView这两个类做...
    WheatDen阅读 7,166评论 1 2
  • iOS开发中有的时候需要将图片设置模糊,来实现特定的效果获取更好的用户体验, iOS7之后半透明模糊效果得到大范围...
    零距离仰望星空阅读 46,688评论 47 223
  • 效果图 Demo下载地址:VisualDemo,觉得不错还请给个star 前言 日常处理毛玻璃效果, 主要的用到就...
    梦里桃花舞倾城阅读 1,455评论 0 0
  • 青竹成篾十道工, 劈削抽刮技不同。 十指即是传感器, 上挑下压多复重。 编织缚滕有花样, 方梭圆尖显其功。 篾匠都...
    南竹山阅读 228评论 0 1