33

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

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

enter image description here

ответ

42

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

  1. В UIViewController изменения фона вида на синий
  2. Перетащите Визуальные Просмотров Эффект размытия и динамичности объекта в поле зрения, поэтому он добавил, как подвид
  3. В первом Визуальный эффект View, установите Ограничения Auto Layout к его содержанию View: Leading, Trailing, Top и Bottom (чтобы эффект размытия заполнил экран)
  4. Развернуть представление, которое является подвидным представлением первого визуального эффекта, чтобы открыть второй визуальный эффект View
  5. Настройте ограничения автоматической компоновки для этого Визуальный эффект View, снова установить все ребра, чтобы его содержащий View, чтобы заполнить экран - обязательно для изменения константы 0
  6. Развернуть второй визуальный эффект View, чтобы показать конечному Посмотреть
  7. Перетащите UILabel на сцену в виде подтаблицы последнего View
  8. Настройки Автокомпоновка ограничений для этой метки, чтобы ее содержащей View - возможно, ведущие и топ с константами 15
  9. изменения цвета текста метки на чистый белом с 0,5 альфа
  10. Сменят Стиль для темного для обоих представлений визуальных эффектов в инспекторе атрибутов (просто чтобы показать эффект лучше)
  11. Запустите приложение на устройстве, которое поддерживает полный живой эффект (iPhone, IPad 5+ Air +)

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

enter image description here

+0

К сожалению, вы имели в виду 'alpha' вместо' opacity'? Если нет, как вы изменили «непрозрачность» метки? Спасибо. – Cesare

+0

@CeceXX yes alpha – Joey

+0

Если вы хотите представить его в представлении 'presentViewController', установите параметр' Presentation' в 'Over Current Context'. См. Http://www.xmcgraw.com/a-smooth-introduction-to-uivisualeffectview/ – mllm