毛玻璃效果在开发中用到还是蛮多的。一般情况都是头像图片的大背景,这样就可以保证界面色调一致,给用户一种温暖舒服的体验。
iOS的毛玻璃效果实现还是很简单的,分为两个时期。iOS7.0前用UIToolBar就够了!iOS8.0之后有了UIBlurEffect,其实两个都很好用,简单方便。
一、iOS7.0以前,我们用UIToolBar这个类实现毛玻璃效果。(如果版本要支持7.0以前,那么就这个吧)
// 毛玻璃的样式(枚举) // UIBarStyleDefault // UIBarStyleBlack // UIBarStyleBlackOpaque // UIBarStyleBlackTranslucent UIImageView *bgImgView = [[UIImageView alloc] initWithFrame:self.view.bounds]; bgImgView.image = [UIImage imageNamed:@"1.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];
二、iOS8.0更新API,用UIBlurEffect 和 UIVisualEffectView
// 创建显示图片 UIImageView * imageView = [[UIImageView alloc] init]; /** 毛玻璃特效类型 * UIBlurEffectStyleExtraLight, * UIBlurEffectStyleLight, * UIBlurEffectStyleDark */ UIBlurEffect * blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; // 毛玻璃视图 UIVisualEffectView * effectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect]; //添加到要有毛玻璃特效的控件中 effectView.frame = imageView.bounds; [imageView addSubview:effectView]; //设置模糊透明度 effectView.alpha = 0.5;