如何在Interface Builder中实现视觉效果视图?

Jor*_*n H 39 interface-builder ios uiblureffect uivibrancyeffect uivisualeffectview

如何在Interface Builder中使用Blur和Vibrancy的视觉效果视图?

我把这个项目拖到视图中,然后拖动UILabel到层次结构中的最后一个视图 - contentView我假设的充满活力的效果.这会导致视图模糊不清,但没有可见的标签.在其他任何地方我将标签放在层次结构中它确实变得可见,但它只是纯黑色文本.

在此输入图像描述

Jor*_*n H 53

终于想通了.

  1. UIViewController将视图的背景更改为蓝色时
  2. 将带有Blur和Vibrancy对象的视觉效果视图拖动到视图中,以便将其添加为子视图
  3. 在第一个视觉效果视图中,将自动布局约束设置为包含视图:前导,尾随,顶部和底部(以使模糊效果填满屏幕)
  4. 展开视图,该视图是第一个视觉效果视图的子视图,以显示第二个视觉效果视图
  5. 为此视觉效果视图设置自动布局约束,再次将所有边设置为包含视图以填充屏幕 - 确保将常量更改为0
  6. 展开第二个视觉效果视图以显示最终视图
  7. 将a拖动UILabel到场景中作为最后一个视图的子视图
  8. 将此标签的自动布局约束设置为包含视图 - 也许是前导和顶部,常量为15
  9. 将标签的文本颜色更改为0.5 alpha的纯白色
  10. 将属性检查器中的两种视觉效果视图的样式更改为暗(只是为了更好地显示效果)
  11. 在支持完整鲜明效果的设备上运行应用程序(iPhone 5 +,iPad Air +)

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

在此输入图像描述