对UIImageView的Vibrancy效果

时间:2016-02-17 11:30:25

标签: ios swift uiimageview interface-builder uivisualeffectview

我前一段时间问过这个问题,但我似乎有一些相同的问题,现在使用UIImageView:Vibrancy Effect on UIButton in Interface Builder

我想要做的是在查看视频缩略图时复制播放图标上iOS照片应用中看到的效果。这是一个截图:

Example

正如你所看到的,似乎有一个嵌套的UIVisualEffectView,一个带有Extra Light Blur,另一个带有Dark Blur和Vibrancy。但是,当我尝试在界面构建器中实现此设置时,我得不到相同的结果。我正在努力的部分是让游戏箭头使用活力。

我使用的唯一图像是播放箭头,我已将其渲染模式设置为模板,就像Apple文档所说的那样。

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:2)

enter image description here

https://github.com/rishi420/VibrancyEffectTest

制作了一个演示项目

首先我尝试使用ASCII字符进行播放。角色是“►”。将其设置为按钮标题。它有效但不是很漂亮。

然后我试着用图像。图像的中间三角形为纯色。其他领域是透明的。它看起来像这样:
enter image description here

这是它在白色背景上的样子。只需隐藏示例项目中的backgroundImageView即可。我看到灰色箭头,无法重现“但在此示例项目中它只是白色”。

对于测试,在中间图像中,在活力效果视图后面有一个透明(0.5)暗视图。

enter image description here