how to add shadow to only the bottom and right side of a uiview?

objective-c ios cocoa-touch uiview dropshadow
tom picture tom · Apr 16, 2012 · Viewed 11.2k times · Source

I am thinking about adding drop shadow to the bottom and right side of UIView, but I found all the solutions out there are adding shadows for four sides a view. Is there a way to work around that?

Answer

edc1591 picture edc1591 · Apr 16, 2012

You can use CAGradientLayer like so,

CAGradientLayer *shadow = [CAGradientLayer layer];
shadow.frame = CGRectMake(-10, 0, 10, myView.frame.size.height);
shadow.startPoint = CGPointMake(1.0, 0.5);
shadow.endPoint = CGPointMake(0, 0.5);
shadow.colors = [NSArray arrayWithObjects:(id)[[UIColor colorWithWhite:0.0 alpha:0.4f] CGColor], (id)[[UIColor clearColor] CGColor], nil];
[myView.layer addSublayer:shadow];

You'll have to change the frame to suit your needs. This example displays a shadow along the height of a view on the left. You can also change the start and end point to control the direction of the shadow.

Related questions

Get to UIViewController from UIView?

Is there a built-in way to get from a UIView to its UIViewController? I know you can get from UIViewController to its UIView via [self view] but I was wondering if there is a reverse reference?

Read More
Proper practice for subclassing UIView?

I'm working on some custom UIView-based input controls, and I'm trying to ascertain proper practice for setting up the view. When working with a UIViewController, it's fairly simple to use the loadView and related viewWill, viewDid methods, but when subclassing …

Read More
UIView's border color in Interface builder doesn't work?

I am trying to set up a view's layer properties via IB. Everything works except for color of the border (property layer.borderColor): I remember running into this problem a year ago and I ended up doing it programatically. And …

Read More