簡要說明
毛玻璃（高斯模糊）效果是iOS開發(fā)中經(jīng)常使用到的一個(gè)實(shí)現(xiàn)模糊效果的技能，實(shí)現(xiàn)這個(gè)效果有三種方法：
- 在iOS 8之前是通過UIToolbar 方式實(shí)現(xiàn)，使用也是非常簡單，幾行代碼搞定。
- iOS 8之后蘋果新增了一個(gè)類 UIVisualEffectView，通過這個(gè)類來實(shí)現(xiàn)毛玻璃效果與上面的 UIToolbar 一樣，而且效率也非常之高，使用也是非常簡單，幾行代碼搞定。UIVisualEffectView 是一個(gè)抽象類，不能直接使用，需通過它下面的三個(gè)子類來實(shí)現(xiàn)（UIBlurEffect，UIVisualEffevt，UIVisualEffectView）。
- 國外大神通過對UIImageView 的分類進(jìn)行封裝好的第三方庫** LBBlurredImage**來實(shí)現(xiàn)，大伙可以前往LBBlurredImage github地址看實(shí)現(xiàn)原理與源代碼
蘋果推薦我們使用第二種方法。
UIToolbar 方式實(shí)現(xiàn)
/*
毛玻璃的樣式(枚舉)
UIBarStyleDefault = 0,
UIBarStyleBlack = 1,
UIBarStyleBlackOpaque = 1, // Deprecated. Use UIBarStyleBlack
UIBarStyleBlackTranslucent = 2, // Deprecated. Use UIBarStyleBlack and set the translucent property to YES
*/
UIImageView *bgImgView = [[UIImageView alloc] initWithFrame:self.view.bounds];
bgImgView.image = [UIImage imageNamed:@"huoying.jpg"];
[self.view addSubview:bgImgView];
UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, bgImgView.frame.size.width, bgImgView.frame.size.height)];
toolbar.barStyle = UIBarStyleBlackTranslucent;
[bgImgView addSubview:toolbar];
UIVisualEffectView實(shí)現(xiàn)
/*
毛玻璃的樣式(枚舉)
UIBlurEffectStyleExtraLight,
UIBlurEffectStyleLight,
UIBlurEffectStyleDark
*/
UIImageView *bgImgView = [[UIImageView alloc] initWithFrame:self.view.bounds];
bgImgView.image = [UIImage imageNamed:@"huoying.jpg"];
[self.view addSubview:bgImgView];
UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];
effectView.frame = CGRectMake(0, 0, bgImgView.frame.size.width , bgImgView.frame.size.height);
[bgImgView addSubview:effectView];
第三方庫LBBlurredImage
// 對背景圖片進(jìn)行毛玻璃效果處理 參數(shù)blurRadius默認(rèn)是20,可指定,最后一個(gè)參數(shù)block回調(diào)可以為nil
UIImageView *bgImgView = [[UIImageView alloc] initWithFrame:self.view.bounds];
[bgImgView setImageToBlur: [UIImage imageNamed:@"huoying.jpg"] blurRadius:20 completionBlock:nil];
[self.view addSubview:bgImgView];
毛玻璃效果圖
毛玻璃效果圖
