web-dev-qa-db-ja.com

Interface Builderで視覚効果ビューを実装する方法は?

Interface Builderで、ぼかしと鮮やかさを備えた視覚効果ビューをどのように使用しますか?

このアイテムをビューにドラッグしてから、UILabelを階層の最後のビューにドラッグしました-鮮やかな効果のcontentViewと思います。これにより、オーバービューがぼやけて表示されますが、ラベルは表示されません。他の場所でラベルを階層に配置すると、ラベルは表示されますが、黒一色のテキストになります。

enter image description here

37
Jordan H

最後にそれを理解しました。

  1. UIViewControllerで、ビューの背景を青に変更します
  2. ぼかしと鮮明なオブジェクトを含む視覚効果ビューをビューにドラッグして、サブビューとして追加します
  3. 最初の視覚効果ビューで、含まれるビューに自動レイアウト制約を設定します:Leading、Trailing、Top、およびBottom(ぼかし効果を画面いっぱいにするため)
  4. 最初の視覚効果ビューのサブビューであるビューを展開して、2番目の視覚効果ビューを表示します
  5. この視覚効果ビューの自動レイアウト制約を設定し、再びすべてのエッジを含むビューに設定して画面を塗りつぶします-定数を必ず0に変更してください
  6. 2番目の視覚効果ビューを展開して、最終ビューを表示します
  7. UILabelを最後のビューのサブビューとしてシーンにドラッグします
  8. このラベルの自動レイアウト制約を、含まれるビューに設定します-おそらく15の定数でLeadingおよびTop
  9. ラベルのテキストの色を0.5アルファの純粋な白に変更します
  10. 属性インスペクターの両方の視覚効果ビューのスタイルを暗いに変更します(効果をより良く表示するためだけに)
  11. 完全な鮮やかな効果をサポートするデバイス(iPhone 5 +、iPad Air +)でアプリを実行します

ボイラー!
iPhone 6 screenshot
これは、Interface Builderでの表示です。

enter image description here

52
Jordan H