iOS8から背後に描画されているViewに対して、エフェクトをかけてくれるUIVisualEffectViewが導入されました。

UIVisualEffectViewに適用できるフェクとは、UIBlurEffectとUIVibrancyEffectになります。

UIVisualEffectViewはコードではもちろんのこと、StoryBoardでも設置可能です。

まずは、エフェクトをかける対象をセットしておきます。

次にVisualEffectViewのオブジェクトをStoryBoardに貼付けて下さい

エフェクトのタイプはBlur StyleからExtra Light / Light / Dark の３種類が選択できます

オリジナル画像と、各タイプのエフェクトを施した結果は以下のようになります。

エフェクト無し

 

 

 

 

 

 

 

エフェクト有り（Extra Light）

 

 

 

 

 

 

 

エフェクト有り（Light）

 

 

 

 

 

 

 

エフェクト有り（Dark）

 

 

 

 

 

 

 

次にもう一つ用意されているVisualEffectを使いましょう

こちらは、BlurEffectとVibrancyEffectがセットになったObjectです。

StoryBoard上に配置すると、以下の階層で構成されています。

Vibrancyエフェクトの対象となるビューは、VibrancyEffectView配下の

Viewのサブビュートしてセットしてください。

 

オリジナル画像にラベルを貼付けた物と、Vibrancyエフェクトを施したラベルを比べると以下のようになります。

オリジナル（Vibrancyラベルは別パーツです）

Vibrancy有り（Blur：Extra Light）

Vibrancy有り（Blur：Light）

Vibrancy有り（Blur：Dark）

【VibrancyEffect使用時の注意事項】

• UIVisualEffectViewの Blur Style 同じ設定にしておく必要がありそうです。
• Autolayoutが有効な状態で、親の方のUIVisualEffectViewのサイズを変更すると、子のUIVisualEffectViewのサイズが０になっていますので、そのまま実行しても、VibrancyEffectのビューが表示されないので、適切なサイズに設定するか、適切なAutolayout設定をする必要があります。