Skip to content

Instantly share code, notes, and snippets.

@aldo-jlaurenstin
Last active December 20, 2023 14:40
Show Gist options
  • Star 18 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save aldo-jlaurenstin/2ed6569b1a3746645143 to your computer and use it in GitHub Desktop.
Save aldo-jlaurenstin/2ed6569b1a3746645143 to your computer and use it in GitHub Desktop.
Make a Transparent Hole on an Overlay UIView
//
// MakeTransparentHoleOnOverlayView.swift
//
// Created by James Laurenstin on 2015-04-10.
// Copyright (c) 2015 Aldo Group Inc. All rights reserved.
//
import UIKit
class MakeTransparentHoleOnOverlayView: UIView {
@IBOutlet weak var transparentHoleView: UIView!
// MARK: - Drawing
override func drawRect(rect: CGRect) {
super.drawRect(rect)
if self.transparentHoleView != nil {
// Ensures to use the current background color to set the filling color
self.backgroundColor?.setFill()
UIRectFill(rect)
let layer = CAShapeLayer()
let path = CGPathCreateMutable()
// Make hole in view's overlay
// NOTE: Here, instead of using the transparentHoleView UIView we could use a specific CFRect location instead...
CGPathAddRect(path, nil, self.transparentHoleView.frame)
CGPathAddRect(path, nil, bounds)
layer.path = path
layer.fillRule = kCAFillRuleEvenOdd
self.layer.mask = layer
}
}
override func layoutSubviews () {
super.layoutSubviews()
}
// MARK: - Initialization
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
override init(frame: CGRect) {
super.init(frame: frame)
}
}
@gavingt
Copy link

gavingt commented Feb 3, 2023

@CodeKunal Just call this method on your UIView, changing roundedRect and roundedRectPath arguments as needed:

extension UIView {
    func makeRoundedRectangularHole() {
        let entireViewPath = UIBezierPath(rect: self.bounds)
        let roundedRect = CGRect(x: 8, y: 8, width: bounds.width - 16, height: bounds.height - 16)
        let roundedRectPath = UIBezierPath(roundedRect: roundedRect, byRoundingCorners:.allCorners, cornerRadii: CGSize(width: 16.0, height: 16.0))
        entireViewPath.append(roundedRectPath)
        entireViewPath.usesEvenOddFillRule = true

        let maskLayer = CAShapeLayer()
        maskLayer.path = entireViewPath.cgPath
        maskLayer.fillRule = CAShapeLayerFillRule.evenOdd
        maskLayer.fillColor = UIColor.black.cgColor
        layer.mask = maskLayer
    }
}

Thanks @vietstone-ng for the original code.

@murilogteixeira
Copy link

Thanks! This helped me solve a problem in my project.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment