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

时间:2014-10-25 03:33:21

标签: ios interface-builder uiblureffect uivisualeffectview uivibrancyeffect

如何在Interface Builder中使用带有模糊和活力的视觉效果视图?

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

enter image description here

1 个答案:

答案 0 :(得分:51)

终于明白了。

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

    <强>瞧!
    iPhone 6 screenshot
    这就是它在Interface Builder中的样子:

    enter image description here