当前位置: 首页 > 面试题库 >

如何淡入和淡出UIVisualEffectView和/或UIBlurEffect?

裴星洲
2023-03-14
问题内容

我想淡入淡出带有UIBlurEffect的UIVisualEffectsView:

var blurEffectView = UIVisualEffectView()
blurEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .dark))

我在a调用的函数中使用普通动画UIButton来使其淡入,对于淡出也相同,但.alpha = 0hidden = true

blurEffectView.hidden = false
UIView.animate(withDuration: 1, delay: 0, options: .curveEaseOut) {
    self.blurEffectView.alpha = 1
}

现在,在两个方向上褪色的工作,但衰落时,它给我一个错误

<UIVisualEffectView 0x7fdf5bcb6e80>被要求动画其不透明度。这将导致效果显示为残破,直到不透明度恢复到1。

如何成功地淡入UIVisualEffectView和淡出而不 破坏 它并使其褪色?

注意

  • 我试图将其UIVisualEffectView放进去UIView并逐渐消失,但没有成功

问题答案:

我认为这是iOS9中的新功能,但您现在可以设置UIVisualEffectView动画块内部的效果:

let overlay = UIVisualEffectView()
// Put it somewhere, give it a frame...
UIView.animate(withDuration: 0.5) {
    overlay.effect = UIBlurEffect(style: .light)
}

将其设置nil为删除。

非常重要-在模拟器上进行测试时,请确保将模拟器的“图形质量替代”设置为“高质量”,以使其正常工作。



 类似资料:
  • 问题内容: 我想让HTML div标签淡入淡出。 我有一些淡出的代码,但是当我淡入时,div的不透明度保持在0.1且不会增加。 我在做什么错,淡入淡出元素的最佳方法是什么? 问题答案: 好,我已经解决了 应该代替 与相同 代替 因为不透明度值存储为字符串,而不是浮点数。我仍然不确定为什么添加成功了。

  • 主要内容:实例,jQuery Fading 方法,jQuery fadeIn() 方法,实例,jQuery fadeOut() 方法,实例,jQuery fadeToggle() 方法,实例,jQuery fadeTo() 方法,实例通过 jQuery,您可以实现元素的淡入淡出效果。 因为时间是宝贵的,我们提供快捷方便的学习方法。 在小牛知识库,你可以学习需要的知识。 实例 jQuery fadeIn() 演示 jQuery fadeIn() 方法。 jQuery fadeOut() 演示 jQ

  • 我编写了一个具有连锁反应的android代码,添加了: 我需要调整一下。我知道如何改变波纹颜色。但是你认为下面的内容可以调整吗? 点击(单击并松开),按颜色显示常规,无波纹。 握住手指较长时-显示波纹 开机后6毫秒后开始淡出 我知道添加一个可绘制的选择器可以控制更多状态,但我认为它不能控制持续时间。 可能吗?

  • 问题内容: 到目前为止,我已经尝试了很多方法以达到以下效果,但均未成功: 有任何想法吗? 问题答案: 您可以淡化背景颜色,但不能淡化背景图像。解决此问题的方法是将图像作为标签,并默认隐藏它们。提供您的图像,这样它们就可以像背景一样发挥作用,并且位于其他一切之后。 这是一个图像快速变淡的示例。 HTML CSS jQuery

  • 本文向大家介绍js如何实现淡入淡出效果,包括了js如何实现淡入淡出效果的使用技巧和注意事项,需要的朋友参考一下 淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装,有用得着的朋友,可以直接使用。代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00),,下

  • 问题内容: ..当前它具有上/下滚动效果,但是我希望背景随着淡入淡出效果而改变,我应该在CSS中更改什么? 谢谢! 问题答案: 您无法在两个背景图片之间切换,因为浏览器无法知道您想要插入的内容。如您所知,您可以转换背景位置。如果您希望图像在鼠标悬停时淡入,我认为通过CSS过渡实现此效果的最佳方法是将图像放在包含元素上,然后在链接本身上为背景颜色设置动画: