Question

I’m working on iPad version of my application and I have a problem. I’d like to make a UItableView and UIView with multiple visual effects:

• Corner radius (3px)
• Inner shadow (black, 20%, 10px)
• Drop shadow (black, 30%, 5px)

The result has to be similar to built-in Reminders.app on iPad. This is a Photoshop preview of what I want to acheive:

As you can see (if you can’t, open this image in 100% zoom), there is UITableView on the left and UIView on the right. Both views have corner radius, inner and drop shadows.

My question is: How can I acheive this effects programatically without loosing performance (when I tried to do this with layer.cornerRadius or layer.shadow... My TableView has lost its performance).

Any help would be appreciated.

Answer 1

Setting the shadowPath on a layer is the lynchpin of good performance. It accepts a CGPath, so something like self.tableView.layer.shadowPath = [UIBezierPath bezierPathWithRect:self.tableView.bounds].CGPath; should help considerably.