iOS 8 系统自带BlurEffect 毛玻璃特效
2015-09-14 11:05
225 查看
毛玻璃 的UI 设计在手机开发中已经 非常热门,在之前的 开发中 一般用到 github上FXBlurView 封装好的一个view类 ,可以直接应用加载到控件中,iOS 8 后更新的 UIBlurEffect类和 UIVisualEffectView类使这种特效应用更加便捷,高效。
使用也非常简便,UIBlurEffect 类是设定毛玻璃特效的类型,UIVisualEffectView类在创建时加入上一个类对象,剩下的跟普通的view 控件等用法就一样了 ,附代码事例:
// 创建需要的毛玻璃特效类型
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
// 毛玻璃view 视图
UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
//添加到要有毛玻璃特效的控件中
effectView.frame = self.imageV.bounds;
[self.imageV addSubview:effectView];
//设置模糊透明度
effectView.alpha = .8f;
如果要用到github上的FXBlurView ,它的下载路径:https://github.com/nicklockwood/FXBlurView .
使用也非常简便,UIBlurEffect 类是设定毛玻璃特效的类型,UIVisualEffectView类在创建时加入上一个类对象,剩下的跟普通的view 控件等用法就一样了 ,附代码事例:
// 创建需要的毛玻璃特效类型
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
// 毛玻璃view 视图
UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
//添加到要有毛玻璃特效的控件中
effectView.frame = self.imageV.bounds;
[self.imageV addSubview:effectView];
//设置模糊透明度
effectView.alpha = .8f;
如果要用到github上的FXBlurView ,它的下载路径:https://github.com/nicklockwood/FXBlurView .
相关文章推荐
- CSS实例:用fieldset、legend实现文字写在边线上的效果
- HTML 5 与HTML 4 的区别
- JavaScript学习笔记8-jQuery属性过滤选择器、子元素过滤选择器深度解析
- jQuery中的deferred实现机制
- 汤姆大叔深入理解JavaScript系列
- CSS3选择器(二)
- MYSQL Error Code: 1175 You are using safe update mode...解决方法
- 使用javascript实现在页面打印的效果的三种方式
- jQuery 获取屏幕高度、宽度
- htm和html
- HTML5框架、背景和实体、XHTML的使用规范
- CSS字体中英文名称对照表:如宋体对应SimSun
- jquery unbind 的用法
- 【HTML5】HTML5 高级程序设计 学习笔记Froms API
- 如果删除行内样式中某一个 属性
- animate.css – 齐全的CSS3动画库
- jQuery原理分析--选择器
- 用 HTML 标记的古怪代码注释
- 百度前端笔试题目--css 实现一个带尖角的正方形
- 壹、js的概述