43

How do you use Visual Effect Views with Blur and Vibrancy in Interface Builder?

I've dragged this item out into the View, then dragged a UILabel onto the last view in the hierarchy - the vibrant effect's contentView I assume. This results in a blurred view overtop but there is no label visible. Anywhere else I place the label in the hierarchy it does become visible but it's just solid black text.

enter image description here

4

1 回答 1

56

终于想通了。

  1. 在UIViewController将视图的背景更改为蓝色
  2. 将带有 Blur 和 Vibrancy 对象的 Visual Effect Views 拖到视图中，因此它被添加为子视图
  3. 在第一个 Visual Effect View 中，为其包含的 View 设置 Auto Layout 约束：Leading、Trailing、Top 和 Bottom（以使模糊效果充满屏幕）
  4. 展开作为第一个视觉效果视图的子视图的视图以显示第二个视觉效果视图
  5. 为此视觉效果视图设置自动布局约束，再次将所有边缘设置为其包含视图以填充屏幕 - 确保将常量更改为 0
  6. 展开第二个视觉效果视图以显示最终视图
  7. 将 aUILabel作为最后一个 View 的子视图拖到场景中
  8. 将此标签设置为其包含视图的自动布局约束 - 可能是常量为 15 的前导和顶部
  9. 将标签的文本颜色更改为 0.5 alpha 的纯白色
  10. 在属性检查器中将两个视觉效果视图的样式更改为深色（只是为了更好地显示效果）
  11. 在支持充满活力的效果的设备上运行应用程序（iPhone 5+、iPad Air+）

瞧！
iPhone 6 截图
这就是它在 Interface Builder 中的样子：

在此处输入图像描述

于 2015-01-07T21:36:41.950 回答