Can’t add a corner radius and a shadow

by

Yes, yes there is…

If you want both a corner radius and a drop shadow, you don’t turn on -masksToBounds, but rather set the corner radius and set the bezier path of the shadow with a rounded rect. Keep the radius of the two the same:

[layer setShadowOffset:CGSizeMake(0, 3)];
[layer setShadowOpacity:0.4];
[layer setShadowRadius:3.0f];
[layer setShouldRasterize:YES];

[layer setCornerRadius:12.0f];
[layer setShadowPath:
                   [[UIBezierPath bezierPathWithRoundedRect:[self bounds]
                                               cornerRadius:12.0f] CGPath]];

You might want to check your performance without the -shouldRasterize parameter set once you’re setting the shadow path. Drawing performance tends to be very good once you’ve set a shadow path.

UPDATE

I hadn’t looked at this problem in quite awhile, but it appears that you no longer need to set a shadowPath in order to get this to work. Simply setting the cornerRadius and shadowOpacity will work now. I think this has been the case since iOS5 (as far as I can tell). Providing this update is probably unnecessary since setting those parameters ‘just works’, but I’ll provide it for posterity sake. To recap, this is now all you need:

[layer setShadowOpacity:0.4];
[layer setCornerRadius:12.0f];

If you still need better performance, you can go ahead and set the shouldRasterize parameter as well:

[layer setShouldRasterize:YES];

And speaking of performance, it’s worth noting that if you are noticing sluggish animations, you will want to use the technique of setting the shadow path after all. This update was really just to point out that setting the path is no longer required to achieve the effect of displaying both a corner radius and a shadow at the same time. If performance is your priority, though, use a path.

UPDATE 2

Since people seem to be having trouble getting this to work in some instances, I’ll post a more complete code snippet here from a sample project I created:

- (void)viewDidLoad
{
  [super viewDidLoad];

  CALayer *layer = [CALayer layer];
  [layer setBounds:CGRectMake(0.0f, 0.0f, 100.0f, 200.0f)];
  [layer setPosition:[[self view] center]];
  [layer setBackgroundColor:[[UIColor lightGrayColor] CGColor]];
  [layer setShadowOpacity:0.55f];
  [layer setCornerRadius:8.0f];
  [layer setBorderWidth:1.0f];

  [[[self view] layer] addSublayer:layer];

  [[[self testView] layer] setShadowOpacity:0.55f];
  [[[self testView] layer] setShadowRadius:15.0f];
  [[[self testView] layer] setCornerRadius:8.0f];
  [[[self testView] layer] setBorderWidth:1.0f];
}

The testView is a UIView I added in Interface Builder and set an outlet on. This is to make sure it’s working the same on both layers you add explicitly as well as the layers within subviews.

I’ve tested this on the simulators for iOS5 through iOS6.1. It gives this result for me in each of them:

enter image description here

More Related Contents:

  1. How can I animate the movement of a view or image along a curved path?
  2. UIButton can’t be touched while animated with UIView animateWithDuration
  3. Retrieving a pixel alpha value for a UIImage
  4. How do I draw a shadow under a UIView?
  5. How do I add a gradient to the text of a UILabel, but not the background?
  6. How to change a particular color in an image?
  7. Can I use CGAffineTransformMakeRotation to rotate a view more than 360 degrees?
  8. CALayer: add a border only at one side
  9. Draw Graph curves with UIBezierPath
  10. How can you apply distortions to a UIImage using OpenGL ES?
  11. Applying a Gradient to CAShapeLayer
  12. Get Exif data from UIImage – UIImagePickerController [duplicate]
  13. Has anyone implemented the PayPal API through a native iPhone app?
  14. Why do you use an underscore for an instance variable, but not its corresponding property? [duplicate]
  15. Difference between [NSMutableArray array] vs [[NSMutableArray alloc] init]
  16. How to make one color transparent on a UIImage?
  17. Converting & to & in Objective-C [duplicate]
  18. Method for animating images (like a movie) on iPhone without using MPMoviePlayer
  19. How does the iOS app Display Recorder record the screen without using private API?
  20. How to use prepareForReuse method
  21. How to detect that animation has ended on UITableView beginUpdates/endUpdates?
  22. How to write a simple Ping method in Cocoa/Objective-C
  23. Weird Switch error in Obj-C
  24. How to combine video clips with different orientation using AVFoundation
  25. Choose custom sound for local notifications
  26. What’s the difference between “bundle display name” and “bundle name” in cocoa application’s info plist
  27. How to set a custom font for entire iOS app without specifying size
  28. When should I initialize a view controller using initWithNibName?
  29. Find Frame Coordinates After UIView Transform is Applied (CGAffineTransform)
  30. iPhone : How to set BackgroundColor of UIButton with buttonType UIButtonTypeCustom

Leave a Comment