Swift 模糊效果局部挖空

最新推荐文章于 2024-04-12 09:51:04 发布

原创最新推荐文章于 2024-04-12 09:51:04 发布 · 720 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#swift

常识原理专栏收录该内容

49 篇文章

订阅专栏

这篇博客介绍了如何在Swift中创建局部模糊效果，并强调了理解代码原理的重要性，通过一个具体的ViewController示例来展示实现过程。

现实中经常会遇到如图需求：

请添加图片描述

代码如下：复制之余也要自己理解下原理，做到举一反三，深谙其道。

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    
    blurEffectAction()
}

func blurEffectAction() {
    let image = UIImageView(image: UIImage(named: "sexy"))
    image.frame = UIScreen.main.bounds
    //image.contentMode = .scaleAspectFit
    self.view.addSubview(image)
    
    //UIVisualEffectView--UIView类型，相当于在self.view上层又添加一个view
    let blurEffect = UIBlurEffect(style: .dark)
    let overlay = UIVisualEffectView(effect: blurEffect)
    overlay.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)

    //CAShapeLayer起渲染作用
    let maskLayer = CAShapeLayer()
    maskLayer.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
    maskLayer.fillColor = UIColor.black.cgColor
    maskLayer.fillRule = CAShapeLayerFillRule.evenOdd

    let radius: CGFloat = 100
    let rect = CGRect(x: overlay.frame.midX - radius, y: overlay.frame.midY - radius, width: 2 * radius, height: 2 * radius)

    //UIBezierPath绘出了裁减的范围区域
    let path = UIBezierPath(rect: overlay.bounds)
    path.append(UIBezierPath(ovalIn: rect))
    
    maskLayer.path = path.cgPath
    
    overlay.layer.mask = maskLayer
    
    self.view.addSubview(overlay)
}

}