Drop a shadow to right and bottom of uiview

Question

I have to drop a shadow to the right and bottom of uiview.Im doing this in interface builder.But I see the shadow dropped to top of it.Tried differnt sizes.but couldn't get it.

layer.masksToBound=No
layer.shadowOpacity=0.15
layer.shadowRadius=2
layer.shadowOffSet={10,-10}   //Values being set in Interfacebuilder.

Still this drops shadow at top.What should I do to get at bottom of view.

for runtime @walle84 is corrent answer. – Joker Apr 18 '14 at 08:48 — Joker, Apr 18 '14 at 08:48

score 116 · Accepted Answer · edited Feb 15 '18 at 08:27

116

Try the following code, it might help you

    myView.layer.shadowColor = [UIColor purpleColor].CGColor;
    myView.layer.shadowOffset = CGSizeMake(5, 5);
    myView.layer.shadowOpacity = 1;
    myView.layer.shadowRadius = 1.0;
    myView.layer.maskToBounds = NO;

I tested this code and it's working and output is:

enter image description here

edited Feb 15 '18 at 08:27

Community

1
1

answered Apr 18 '14 at 07:50

Nitin Gohel

49,482
17
105
144

3

Can u tell me how to add shadow only in bttom of the view. – Balaji Kondalrayal Nov 29 '14 at 05:46
7

Instead of `myView.layer.shadowOffset = CGSizeMake(5, 5);` do `myView.layer.shadowOffset = CGSizeMake(0, 5);` – Anton Gregersen Feb 25 '15 at 12:02
inimageview i can't add this shadow. i have coded like as you write. – ios developer Jul 18 '16 at 13:46
1

Hey, I tried setting my cgsizemake(0,n), but i keep getting a shadow on the right side of the view... any idea why that is? – Mahmud Ahmad Aug 16 '16 at 18:45

score 6 · Answer 2 · answered Apr 18 '14 at 08:46

Hi I have used below code ,it will provide you with shadow you want.

 UIBezierPath *shadowPath = [UIBezierPath bezierPathWithRect:_viewShadow.bounds];
_viewShadow.layer.masksToBounds = NO;
_viewShadow.layer.shadowColor = [UIColor blackColor].CGColor;
_viewShadow.layer.shadowOffset = CGSizeMake(10.0f, 5.0f);  /*Change value of X n Y as per your need of shadow to appear to like right bottom or left bottom or so on*/
_viewShadow.layer.shadowOpacity = 0.5f;
_viewShadow.layer.shadowPath = shadowPath.CGPath;

Also masksToBounds is imp as it disables the clipping of sublayers that extend further than the view's bounds. If you put it YES then you won't see shadow as it clips sublayer where else in NO it allow to extent layer.

Thanks for your note on 'masksToBounds', I was missing this one. — iOS Monster, Apr 26 '17 at 07:39

score 3 · Answer 3 · answered Jan 28 '17 at 15:52

3

In Swift 3, CGSizeMake no longer exists. It has been changed to CGSize(width: 20, height: 10). So the shadowOffset can be set like this in Swift 3:

myView.layer.shadowOffset = CGSize(width: 20, height: 10)

answered Jan 28 '17 at 15:52

Sriharsha Guduguntla

161
3
6

score 1 · Answer 4 · answered Aug 31 '17 at 07:59

1

I found out that these values give a nice result :

myView.layer.shadowColor = UIColor.black.cgColor
myView.layer.shadowOpacity = 0.25
myView.layer.shadowRadius = 3
myView.layer.shadowOffset = CGSize(width: 1, height: 1) // shadow on the bottom right

answered Aug 31 '17 at 07:59

Frederic Adda

5,905
4
56
71

score 0 · Answer 5 · answered Apr 18 '14 at 07:43

0

I think your shadow offset is incorrect. It should be { 10 , 10} like:

[layer setShadowOffset:CGSizeMake( 10 , 10 ) ];

answered Apr 18 '14 at 07:43

Gaurav Singh

1,897
14
22

Use code to create shadows. check this [link](http://nachbaur.com/blog/fun-shadow-effects-using-custom-calayer-shadowpaths) – Gaurav Singh Apr 18 '14 at 07:50
@GauravSingh i used this to draw shadow for tableview cell but after scrolling up it goes to top. – user3306145 Aug 09 '16 at 12:24

Drop a shadow to right and bottom of uiview

5 Answers5

Linked