Steps needed to create a TableView - World Clock Style

bobrooni · 03-26-2009, 07:06 PM

I'm going crazy on how to do the following and I hope someone could point me towards the right direction.

What I am trying to achieve is to get the same look and feel and playable interaction as the world clock inside the iPhone's standard Clock app.

I have included a screenshot to illustrate the specific points that I have problems with and don't know where to start.

In short:

1. Is the 'table' view from the world clock really a Table View? Or have they used a UIScrollView and on top they stacked UIViews which 'act' as table rows?

2. Can I just set a background image behind the table?

3. The cells look 3d-ish / gradient shaded. Is this done by inserting a background image or pattern or is this effect done by code?

Any help towards the right direction would be greatly appreciated

exorcyze · 03-26-2009, 10:28 PM

1. I would personally use a table view, yes.

2. Not sure if a simple background would work or not. I think there can be issues with artifacts when you set the table background to be an image. If that happens, I know you can create a view that creates a background image and a table view added on top of that, and set the view's UIViewController to implement the appropriate delegate methods for UITableViewController, etc.

3. I would personally use a custom cell with a background image.

Also you should be able to do the shadows by using a custom view for the table header and table footer, and then set the table view contentInset property ( using UIEdgeInsetsMake ) to offset appropriately if needed.