Как реализовать визуальные эффекты в интерфейсе Builder?

Как вы используете визуальные эффекты с помощью Blur и Vibrancy в построителе интерфейса?

Я перетащил этот элемент в представление, а затем перетащил a UILabel на последний вид в иерархии - яркий эффект contentView Я предполагаю. Это приводит к размытому виду сверху, но нет ярлыка. В другом месте я помещаю ярлык в иерархию, он становится видимым, но он просто сплошным черным текстом.

enter image description here

Ответы

Ответ 1

Наконец понял.

  • В UIViewController измените вид фона на синий
  • Перетащите визуальные эффекты с помощью объекта Blur и Vibrancy в представление, поэтому он добавлен как subview
  • В первом представлении визуального эффекта настройте ограничения автоматического макета на его содержащий вид: ведущий, трейлинг, верхний и нижний (чтобы эффект размытия заполнил экран)
  • Разверните представление, которое является подвью первого визуального эффекта, чтобы открыть второй визуальный эффект.
  • Настройте ограничения автоматического макета для этого визуального эффекта, снова установите все ребра на его содержащий вид, чтобы заполнить экран - обязательно измените константы на 0
  • Разверните второй визуальный эффект, чтобы открыть окончательный вид
  • Перетащите a UILabel в сцену в качестве подзапроса последнего представления
  • Настройте ограничения автоматической компоновки для этой метки на ее содержащий вид - возможно, ведущий и верхний с константами 15
  • Измените цвет текста ярлыка на чистый белый с 0,5 альфа
  • Измените стиль на темноту для обоих представлений визуальных эффектов в инспекторе атрибутов (просто чтобы показать эффект лучше).
  • Запустите приложение на устройстве, которое поддерживает полный динамический эффект (iPhone 5+, iPad Air +).

Voila!
iPhone 6 screenshot
И вот как это выглядит в Interface Builder:

enter image description here