명확한 잘라 내기로 blurView 만들기

Question

중간에 명확한 사각형 컷 아웃이있는 blurredView의 오버레이를 만듭니다. 지금까지 내 코드는 반대로, 즉 중앙에 흐림 컷 아웃이있는 clearView를 구현했습니다.

나는 다음과 같은 게시물에서 나의 발걸음을 적응시켰다. 누군가 올바른 방향으로 나를 가리킬 수 있다면 고맙겠다.

Swift mask of circle layer over UIView

CALayer with transparent hole in it

let blurView = UIVisualEffectView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height)) 
blurView.effect = UIBlurEffect(style: UIBlurEffectStyle.dark) 

let scanLayer = CAShapeLayer() 
scanLayer.path = CGPath(rect: scanRect, transform: nil) 

view.addSubview(blurView) 
blurView.layer.addSublayer(scanLayer) 
blurView.layer.mask = scanLayer 

Answer 1

당신은 내가 어떤 생각을 가지고 있겠지이

let scanLayer = CAShapeLayer() 

    let scanRect = CGRect.init(x: 100, y: 100, width: 200, height: 100) 

    let outerPath = UIBezierPath(rect: scanRect) 

    let superlayerPath = UIBezierPath.init(rect: blurView.frame) 
    outerPath.usesEvenOddFillRule = true 
    outerPath.append(superlayerPath) 
    scanLayer.path = outerPath.cgPath 
    scanLayer.fillRule = kCAFillRuleEvenOdd 
    scanLayer.fillColor = UIColor.black.cgColor 

    view.addSubview(blurView) 
    blurView.layer.mask = scanLayer