しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

UIVisualEffectViewで画面にすりガラス効果を追加する

iOS8から使えるようになったUIVisualEffectViewを試してみました。

元の画面は以下の通りです。

f:id:llcc:20160131150217p:plain

Storyboard上でUIVisualEffectViewを画面に追加します。

f:id:llcc:20160131150212p:plain

貼り付けただけですりガラス効果を実現できました。

f:id:llcc:20160131150255p:plain

すりガラス効果は3種類から選ぶ事ができます。
先ほどのはLightです。

f:id:llcc:20160131150324p:plain

こちらはExtra Light

f:id:llcc:20160131150404p:plain

こちらがDarkです。

f:id:llcc:20160131150407p:plain