使用UIVisualEffectView為視圖添加特殊效果

在iOS 8后，蘋果開放了不少創(chuàng)建特效的接口，其中就包括創(chuàng)建毛玻璃(blur)的接口。

通常要想創(chuàng)建一個(gè)特殊效果(如blur效果)，可以創(chuàng)建一個(gè)UIVisualEffectView視圖對象，這個(gè)對象提供了一種簡單的方式來實(shí)現(xiàn)復(fù)雜的視覺效果。這個(gè)可以把這個(gè)對象看作是效果的一個(gè)容器，實(shí)際的效果會(huì)影響到該視圖對象底下的內(nèi)容，或者是添加到該視圖對象的contentView中的內(nèi)容。

我們舉個(gè)例子來看看如果使用UIVisualEffectView：

let bgView: UIImageView = UIImageView(image: UIImage(named: "visual")) 
bgView.frame = self.view.bounds 
self.view.addSubview(bgView) 
 
let blurEffect: UIBlurEffect = UIBlurEffect(style: .Light) 
let blurView: UIVisualEffectView = UIVisualEffectView(effect: blurEffect) 
blurView.frame = CGRectMake(50.0, 50.0, self.view.frame.width - 100.0, 200.0) 
self.view.addSubview(blurView) 

這段代碼是在當(dāng)前視圖控制器上添加了一個(gè)UIImageView作為背景圖。

我們可以看到UIVisualEffectView還是非常簡單的。需要注意是的，不應(yīng)該直接添加子視圖到UIVisualEffectView視圖中，而是應(yīng)該添加到UIVisualEffectView對象的contentView中。

另外，盡量避免將UIVisualEffectView對象的alpha值設(shè)置為小于1.0的值，因?yàn)閯?chuàng)建半透明的視圖會(huì)導(dǎo)致系統(tǒng)在離屏渲染時(shí)去對UIVisualEffectView對象及所有的相關(guān)的子視圖做混合操作。這不但消耗CPU/GPU，也可能會(huì)導(dǎo)致許多效果顯示不正確或者根本不顯示。

我們在上面看到，初始化一個(gè)UIVisualEffectView對象的方法是UIVisualEffectView(effect: blurEffect)，其定義如下：

init(effect effect: UIVisualEffect) 

這個(gè)方法的參數(shù)是一個(gè)UIVisualEffect對象。我們查看官方文檔，可以看到在UIKit中，定義了幾個(gè)專門用來創(chuàng)建視覺特效的，它們分別是UIVisualEffect、UIBlurEffect和UIVibrancyEffect。它們的繼承層次如下所示：

NSObject 
| -- UIVisualEffect 
| -- UIBlurEffect 
| -- UIVibrancyEffect 

UIVisualEffect是一個(gè)繼承自NSObject的創(chuàng)建視覺效果的基類，然而這個(gè)類除了繼承自NSObject的屬性和方法外，沒有提供任何新的屬性和方法。其主要目的是用于初始化UIVisualEffectView，在這個(gè)初始化方法中可以傳入U(xiǎn)IBlurEffect或者UIVibrancyEffect對象。

一個(gè)UIBlurEffect對象用于將blur(毛玻璃)效果應(yīng)用于UIVisualEffectView視圖下面的內(nèi)容。如上面的示例所示。不過，這個(gè)對象的效果并不影響UIVisualEffectView對象的contentView中的內(nèi)容。

UIBlurEffect主要定義了三種效果，這些效果由枚舉UIBlurEffectStyle來確定，該枚舉的定義如下：

enum UIBlurEffectStyle : Int { 
case ExtraLight 
case Light 
case Dark 
} 

其主要是根據(jù)色調(diào)(hue)來確定特效視圖與底部視圖的混合。

與UIBlurEffect不同的是，UIVibrancyEffect主要用于放大和調(diào)整UIVisualEffectView視圖下面的內(nèi)容的顏色，同時(shí)讓UIVisualEffectView的contentView中的內(nèi)容看起來更加生動(dòng)。通常UIVibrancyEffect對象是與UIBlurEffect一起使用，主要用于處理在UIBlurEffect特效上的一些顯示效果。接上面的代碼，我們看看在blur的視圖上添加一些新的特效，如下代碼所示：

let vibrancyView: UIVisualEffectView = UIVisualEffectView(effect: UIVibrancyEffect(forBlurEffect: blurEffect)) 
vibrancyView.setTranslatesAutoresizingMaskIntoConstraints(false) 
blurView.contentView.addSubview(vibrancyView) 
 
var label: UILabel = UILabel() 
label.setTranslatesAutoresizingMaskIntoConstraints(false) 
label.text = "Vibrancy Effect" 
label.font = UIFont(name: "HelveticaNeue-Bold", size: 30) 
label.textAlignment = .Center 
label.textColor = UIColor.whiteColor() 
vibrancyView.contentView.addSubview(label) 
 

vibrancy特效是取決于顏色值的。所有添加到contentView的子視圖都必須實(shí)現(xiàn)tintColorDidChange方法并更新自己。需要注意的是，我們使用UIVibrancyEffect(forBlurEffect:)方法創(chuàng)建UIVibrancyEffect時(shí)，參數(shù)blurEffect必須是我們想加效果的那個(gè)blurEffect，否則可能不是我們想要的效果。

另外，UIVibrancyEffect還提供了一個(gè)類方法notificationCenterVibrancyEffect，其聲明如下：

class func notificationCenterVibrancyEffect() -> UIVibrancyEffect!

這個(gè)方法創(chuàng)建一個(gè)用于通知中心的Today擴(kuò)展的vibrancy特效。

參考

UIVisualEffectView Class Reference

UIVisualEffect Class Reference

UIBlurEffect Class Reference

UIVibrancyEffect Class Reference UIVisualEffect – Swift Tutorial iOS 8: UIVisualEffect

Pointer is missing a nullability type specifier (nonnull or nullable)問題的處理 — Nullability Annotations