Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iOS: Create one sideded dropshadow

I have the below menu style layout that mimics facebook. I would like to have a dropshadow on the left side like below however the code I am using with layer shadows makes the application LAGGY. I have not been able to find a good alternative solution. Does anyone have an alternative for creating a dropshadow that does not affect application performance?

[self.navController.view.layer setShadowOffset:CGSizeMake(0, 1)];
[self.navController.view.layer setShadowColor:[[UIColor darkGrayColor] CGColor]];
[self.navController.view.layer setShadowRadius:8.0];
[self.navController.view.layer setShadowOpacity:0.8];

The above code is the code I am currently using that causes application performance issues.

The below image is what I would like to achieve but without having to use the above code.

enter image description here

like image 537
Bot Avatar asked Feb 17 '12 22:02

Bot


2 Answers

It should help to specify a shadow path, e.g.,

CGPathRef shadowPath = [UIBezierPath bezierPathWithRect:self.navController.view.layer.bounds].CGPath;
[self.navController.view.layer setShadowPath:shadowPath]

According to the CALayer documentation, "Specifying an explicit path usually improves rendering performance."

like image 98
norelius Avatar answered Nov 19 '22 14:11

norelius


You can just inset the views bounds and set the shadow path:

UIEdgeInsets contentInsets = UIEdgeInsetsMake(10, 0, 0, 0);
CGRect shadowPathExcludingTop = UIEdgeInsetsInsetRect(self.bounds, contentInsets);
self.layer.shadowPath = [UIBezierPath bezierPathWithRect:shadowPathExcludingTop].CGPath;
like image 45
Adam Waite Avatar answered Nov 19 '22 14:11

Adam Waite