iOS開發——毛玻璃(高斯模糊、半透明蒙版)效果實現方式

需求

蒙版遮蓋住現在的視圖,并有毛玻璃(高斯模糊)效果,如圖所示

高斯模糊.gif

實現方式

方法一:原生

代碼如下

        /** style參數,蒙版的效果,可選:
         *  UIBlurEffectStyleExtraLight,
         *  UIBlurEffectStyleLight,
         *  UIBlurEffectStyleDark,
         *  UIBlurEffectStyleExtraDark   ios10之后
         *  UIBlurEffectStyleRegular     ios10之后
         *  UIBlurEffectStyleProminent   ios10之后
         */
        UIBlurEffect *blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
        UIVisualEffectView *HUDView = [[UIVisualEffectView alloc] initWithEffect:blur];
        HUDView.alpha = 0.9f;
        HUDView.frame = CGRectMake(0, 0, YYScreenW, YYScreenH);
        [self.view addSubview:HUDView];

效果圖


原生效果圖

的確有一定的虛化效果,但不明顯

方法二:DRNRealTimeBlurView框架(推薦使用)

要實現上面的需求,推薦使用DRNRealTimeBlurView框架,使用簡單,模糊效果好看,框架下載地址https://github.com/CoderJee/DRNRealTimeBlurView
解壓后需要里面的.h和.m文件共四個

071102.png

代碼:

//引頭文件
#import "DRNRealTimeBlurView.h"

        DRNRealTimeBlurView *blurView = [[DRNRealTimeBlurView alloc] initWithFrame:CGRectMake(0, 0, YYScreenW, YYScreenH)];
        [backImgView addSubview:blurView];
//backImgView是UIImageView,是頁面背景
//什么控件需要做模糊效果,就往什么控件上加,非常簡單

效果圖


框架效果圖
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容