用 UIViewPropertyAnimator 实现 Blur 级别的控制

栏目: IOS · 发布时间: 6年前

内容简介:iOS 开发中有时会涉及到模糊效果的处理,UIKit 原生有个同样的思路,也可以尝试着用到其他视图属性效果上。

iOS 开发中有时会涉及到模糊效果的处理,UIKit 原生有个 UIVisualEffectView 能够支持对视图进行模糊效果处理,但设计师有时会觉得原生的 blur 效果太重,想要轻一些,那怎么处理呢?当然,可以选择一些第三方或者自己实现对视图的模糊处理,如果不能那么麻烦呢?可以采用 UIViewPropertyAnimator 达到该要求。

// 以下代码可直接在`Playground`上运行看到效果
class BlurDemoViewController: UIViewController {
    let imageView = UIImageView()
    
    let effectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
    
    var animator: UIViewPropertyAnimator?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        imageView.frame = view.bounds
        imageView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        imageView.contentMode = .scaleAspectFill
        view.addSubview(imageView)
        
        effectView.frame = view.bounds
        effectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        view.addSubview(effectView)
        
	    // 核心代码,控制 animator 的 fractionComplete 值即可控制 blur 的级别,另外, duration 在这并不重要,因为我们将手动设置 animator 的完成度
        animator = UIViewPropertyAnimator(duration: 1, curve: .linear) {
            // 这里是核心,这样控制 fractionComplete 就可以控制视图的模糊效果在系统默认级别和无模糊效果之间过渡了
            self.effectView.effect = nil
        }
        
        // Slider 用于控制模糊效果级别的演示
        let slider = UISlider()
        slider.frame.origin.x = 20
        slider.frame.origin.y = view.frame.size.height - slider.frame.size.height - 20
        slider.frame.size.width = view.frame.size.width - 40
        slider.autoresizingMask = [.flexibleWidth, .flexibleTopMargin]
        slider.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)
        view.addSubview(slider)
    }
    
    @objc private func sliderValueChanged(sender: UISlider) {
        // 控制 animator 的完成度以达到控制 Blur 级别的效果
        animator?.fractionComplete = CGFloat(sender.value)
    }
}

let vc = BlurDemoViewController()
vc.imageView.image = UIImage(named: "Test")

//vc.effectView.effect = UIBlurEffect(style: .dark)
//vc.effectView.effect = UIBlurEffect(style: .extraLight)

import PlaygroundSupport
PlaygroundPage.current.liveView = vc

复制代码

同样的思路,也可以尝试着用到其他视图属性效果上。


以上所述就是小编给大家介绍的《用 UIViewPropertyAnimator 实现 Blur 级别的控制》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

PHP程序设计

PHP程序设计

勒道夫 / 陈浩、胡丹、徐景 / 电子工业出版社 / 2009-3 / 80.00元

《PHP程序设计(第2版)》是最新版本PHP 5的权威指南,其中包含创建者PHP的创建者 Rasmus Lerdorf的独到的见解。《PHP程序设计(第2版)》以一种清晰而简练的风格介绍了PHP语言的语法和程序设计技术,并通过大量的示例演示了它们的正确使用方法和习惯用法。《PHP程序设计(第2版)》还给出了设计风格提示和实际的程序设计建议,这些将帮助你不仅成为一个PHP程序员,而且将是出色的PHP......一起来看看 《PHP程序设计》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

随机密码生成器
随机密码生成器

多种字符组合密码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具