iOS 实现简单的毛玻璃效果

时间:2023-03-09 07:46:56
iOS 实现简单的毛玻璃效果

最近在整理导航栏的渐隐渐现效果,整理过程中偶然学会了图片的毛玻璃效果实现,很简单,不多说了,先上图看看效果对比,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,效果:iOS 实现简单的毛玻璃效果

还可以对局部实现毛玻璃,只需要修改effectView的frame即可:iOS 实现简单的毛玻璃效果

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