UIImageView 的活力效果

Vibrancy Effect on UIImageView

我刚才问过这个问题,但我似乎遇到了同样的问题,现在是 UIImageView:

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

如您所见,似乎有一个嵌套的 UIVisualEffectView,一个带有 Extra Light Blur,一个带有 Dark Blur 和 Vibrancy。但是,当我尝试在界面生成器中实现此设置时,我没有得到相同的结果。我正在努力的部分是让播放箭头使用活力。

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

如有任何帮助,我们将不胜感激!


https://github.com/rishi420/VibrancyEffectTest

制作了一个演示项目

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

然后我尝试使用图像。图像的中间三角形具有纯色。其他区域是透明的。它看起来像这样:


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

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