首页 > 代码库 > iOS 实现简单的毛玻璃效果

iOS 实现简单的毛玻璃效果

最近在整理导航栏的渐隐渐现效果,整理过程中偶然学会了图片的毛玻璃效果实现,很简单,不多说了,先上图看看效果对比,技术分享

这是原图,

技术分享

这是加了效果后的,创建图片的代码就不上了,下面看下添加效果的代码:

// 毛玻璃

/*

系统自带的三种风格

    UIBlurEffectStyleExtraLight,//额外亮度,(高亮风格)
       UIBlurEffectStyleLight,//亮风格
       UIBlurEffectStyleDark//暗风格

*/

    UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];//  创建需要的毛玻璃特效类型

    UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect]; // 创建毛玻璃视图

    effectView.frame = CGRectMake(0, 0, MSW, 260);

//    effectView.alpha = 0.75;

    [self.scaleImageView addSubview:effectView];// 添加到需要实现毛玻璃效果的视图上

 

可以对effectView设置alpha,效果:技术分享

还可以对局部实现毛玻璃,只需要修改effectView的frame即可:技术分享

 

    简单的毛玻璃效果就这么实现了。有不足的请大家多多指教

 

iOS 实现简单的毛玻璃效果