Creating a shadow for a UIImageView that has rounded corners?

by

If you set clipsToBounds to true, this will round the corners but prevent the shadow from appearing. In order to resolve this, you can create two views. The container view should have the shadow, and its subview should have the rounded corners.

The container view has clipsToBounds set to false, and has the shadow properties applied. If you want the shadow to be rounded as well, use the UIBezierPath constructor that takes in a roundedRect and cornerRadius.

let outerView = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
outerView.clipsToBounds = false
outerView.layer.shadowColor = UIColor.black.cgColor
outerView.layer.shadowOpacity = 1
outerView.layer.shadowOffset = CGSize.zero
outerView.layer.shadowRadius = 10
outerView.layer.shadowPath = UIBezierPath(roundedRect: outerView.bounds, cornerRadius: 10).cgPath

Next, set the image view (or any other type of UIView) to be the same size of the container view, set clipsToBounds to true, and give it a cornerRadius.

let myImage = UIImageView(frame: outerView.bounds)
myImage.clipsToBounds = true
myImage.layer.cornerRadius = 10

Finally, remember to make the image view a subview of the container view.

outerView.addSubview(myImage)

The result should look something like this:

enter image description here

More Related Contents:

  1. How to add constraints programmatically using Swift
  2. How to convert a UIView to an image
  3. How can I mimic the bottom sheet from the Maps app?
  4. UIImageView – How to get the file name of the image assigned?
  5. Fade/dissolve when changing UIImageView’s image
  6. How to load GIF image in Swift?
  7. How to crop a UIImageView to a new UIImage in ‘aspect fill’ mode?
  8. Picking two different images in the same view controller using imagePickerController in Swift
  9. How to use UIView autoresizingMask property programmatically?
  10. How to assign an action for UIImageView object in Swift
  11. Swift – Problems with corner radius and drop shadow
  12. Passing Image to another View Controller (Swift)
  13. Screenshot showing up blank – Swift
  14. When can I activate/deactivate layout constraints?
  15. How to rotate image in Swift?
  16. Draw dotted (not dashed!) line, with IBDesignable in 2017
  17. “Creating an image format with an unknown type is an error” with UIImagePickerController
  18. Swift – Cut hole in shadow layer
  19. Create a copy of a UIView in Swift
  20. How to apply multiple transforms in Swift
  21. How to know that if the only visible area of a .png is touched in Xcode
  22. How do you create a UIImage View Programmatically – Swift
  23. UIView’s border color in Interface builder doesn’t work?
  24. In SwiftUI, how to use UIHostingController inside an UIView or as an UIView?
  25. Tap Gesture on animating UIView not working
  26. Rotating a view in layoutSubviews
  27. How to set imageView in circle like imageContacts in Swift correctly?
  28. How to count occurrences of an element in a Swift array?
  29. Custom UITableViewCell from nib in Swift
  30. Center NSTextAttachment image next to single line UILabel

Leave a Comment