How to mask UIViews in iOS

by

I’ve been working on this problem for a couple of hours and have a solution that I think will do what you want. First, create your masking image using whatever means you see fit. Note that we only need the alpha values here, all other colours will be ignored, so make certain that the method you use supports alpha values. In this example I’m loading from a .png file, but don’t try it with .jpg files as they don’t have alpha values.

Next, create a new layer, assign your mask to its contents and set this new layer to your UIView’s own layer, like so: you should find that this masks the UIView and all its attached subviews:

UIImage *_maskingImage = [UIImage imageNamed:@"mask"];
CALayer *_maskingLayer = [CALayer layer];
_maskingLayer.frame = theView.bounds;
[_maskingLayer setContents:(id)[_maskingImage CGImage]];
[theView.layer setMask:_maskingLayer];

With this done, you can set the UIView’s background colour to whatever you like and the mask will be used to create a coloured filter.

EDIT: As of iOS8 you can now mask a view simply by assigning another view to its maskView property. The general rules stay the same in that the maskView’s alpha layer is used to determine the opacity of the view it is applied to.

More Related Contents:

  1. Simply mask a UIView with a rectangle
  2. How to add constraints programmatically using Swift
  3. UIView Infinite 360 degree rotation animation?
  4. How to set iPhone UIView z index?
  5. Programmatically create a UIView with color gradient
  6. iPhone SDK: what is the difference between loadView and viewDidLoad?
  7. How to add a touch event to a UIView?
  8. Cut transparent hole in UIView
  9. How to create a UIView bounce animation?
  10. “From View Controller” disappears using UIViewControllerContextTransitioning
  11. UILabel layer cornerRadius negatively impacting performance
  12. How do you draw a line programmatically from a view controller?
  13. Given a view, how do I get its viewController?
  14. How to load a xib file in a UIView
  15. Cannot put a google maps GMSMapView in a subview of main main view?
  16. Creating a reusable UIView with xib (and loading from storyboard)
  17. How do I present a UIViewController from SKScene?
  18. Screenshot showing up blank – Swift
  19. UIView – How to get notified when the view is loaded?
  20. Simple way to change the position of UIView?
  21. How to rotate image in Swift?
  22. How to apply multiple transforms in Swift
  23. UIView vertical flip animation
  24. Creating iPhone Pop-up Menu Similar to Mail App Menu
  25. rotate a UIView around its center but several times
  26. iOS – Push viewController from code and storyboard
  27. Draw line in UIView
  28. UIView’s border color in Interface builder doesn’t work?
  29. Making a button persistent across all view controllers
  30. Using autolayout in a tableHeaderView

Leave a Comment