UI美化

 

1.1毛玻璃特效（背景虚化特效）

在ui美化的过程中，我们很多时候为了在画面突出某些元素（控件，图片）因而要使用到毛玻璃效果；

那么我们应该怎么去创造这种效果呢，思路：

可以使用UIVisualEffectView对一个视图应用可视化特效。

配合UIBlurEffect类，可轻易添加一个背景虚化特效。

 

简单的说就是在一个在view的背景图片image上建立一个新的毛玻璃图层，大小是image的面积，然后覆盖在上层

添加前

 

 

添加后：

 

1.1.1使用方式,步骤

1)创建一个特效视图，指定特效类型（有暗，亮，高亮）。

2)设定特效视图的大小

3)作为要实现特效的视图的子视图（相当于叠加一层）

 

1.1.2实现代码，需要在加载画面中(viewDidLoad)建立

override func viewDidLoad() {
        super.viewDidLoad()
        
        //创建毛玻璃图层
        let blurEffectView = UIVisualEffectView(effect:UIBlurEffect(style: .Light))
        //设定毛玻璃图层的大小等于背景图片大小
        blurEffectView.frame = backGroundImage.frame
        //将毛玻璃涂层覆盖到背景图片上
        backGroundImage.addSubview(blurEffectView)