毛玻璃效果

2016-04-12  本文已影响182人  橘花小茶

起因

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

calling.png

并不难,直接说结果。

结果

两种实现方式:

  1. UIVisualEffectView

  2. vImage

详细说明

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

UIImage *blurImage = [image blurImage];

demo 地址:

毛玻璃效果demo


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

上一篇下一篇

猜你喜欢

热点阅读