Make your UITableViews stand out with alternating row colors

UITableViews are the foundation of many iOS apps. Although they are pretty powerful and flexible, they are also very bland in their default configuration.

A quick and easy way to add some style to your boring UITableViews is to add alternating row colors. This gives them some visual ‘pop’ and improves readibility. No fancy design skills required!

Here is a sample UITableView from 20 Rep Squats. It’s a little bit… monotonous.

iOS Simulator Screen shot 2013-01-12 6.51.28 PM

Let’s spice it up a bit. Open your UITableViewController’s .m file, and insert the following code:

-(void) tableView:(UITableView*)tableView willDisplayCell:(UITableViewCell*)cell forRowAtIndexPath:(NSIndexPath*)indexPath
{
    UIColor* color = indexPath.row % 2 == 0 ? [UIColor whiteColor] : [UIColor colorWithRed:0.95 green:0.95 blue:0.95 alpha:1.0];
    cell.backgroundColor = color;
}

All we are doing is specifying that even numbered rows will have a white background, and odd numbered rows will have a nice subtle light grey background. Of course, you’ll want to store your background colors in fields or constants, and not have to regenerate them with colorWithRed:geen:blue: every time, but that’s beside the point of this post.

The result looks like this:

iOS Simulator Screen shot 2013-01-12 6.51.01 PM

And there you have it – with only a few seconds of effort, you can take your UITableViews from blah to beautiful! Or blah to average, at the very least.

4 Comments

  1. Does this need to be called or is it called automatically? I am subclassing UITableViewController which I think automatically makes me the delegate, but the code isn’t effecting the table cells at all.

    Reply

    1. Okay you have to provide info for the two required methods in the tableview I put 9 for number of rows and 1 for number of sections and the code is working. I assumed youmcould just fire this up and run a quick test. Still quick just I missed some steps. Thanks for the code.

      Reply

  2. [url=http://www.brandiwc.com/brand-super-15-copy-0.html]足跡を踏破する世界のティソは、1853年、タブ要衝スイス力ロック正式の誕生以来、地域の限界を越えて、まぜる優良な伝統と革新のインスピレーション、ブランドの時計を持ってすばらしい作品世界各地まで。2013年に創立160週年を祝ってティソその旅行者精神を分かち合うことは、発売を表示することができる世界24時間のタイムゾーンHeritage Navigator 160週年記念愛蔵版経典世界時間自動時計のほか、特別に開催された「160年环宇漫遊」の計招待試合切手、各界の人々に「旅」をテーマに、創作の切手設計、その小さなに切手をティソ連れの旅行者の精神世界の隅々まで。ブランドコピー時計今回は設計試合に誘われてグロリア-イップさんを判定するほかに、彼女はよりと他の2人審判団メンバー――有名なグラフィックデザイナー余孝扬さんやスイスティソグローバル黄暁明さんと一緒に参加しまし大使切手設計とともに、試合の冠、亜や3位作品と一緒に作った真実のご利用をスイス印ティソ「160年环宇漫遊記念切手」シリーズの証人として、歴史時刻。[/url]

    Reply

  3. [url=http://www.newkakaku.com/lz1.htm]大都市不動産市場購入できる株式指数に戻って、10年前につれて、一般的な投資ルート近くに陥れてつまらなくて局、収蔵市場でだけであった少数のプレイヤー愛顧の時計を得た意図投資最近部分を資金ヘッジ甚だしきに至っては付加価値の市民愛顧。ロレックス スーパーコピー時計は自家用体現できる個人品位のほか、その投資の価値は侮れない。でも業界関係者は注意して、投資の時計の時とは思わないでくださいは徹底的に解決する過程のために、時計ヘッジ後続定期的なメンテナンスも1筆の支出節約できない、今時計(簡単機能)の平均メンテナンスの試算30年保養投入するが約6万元。また、別の時計サービスセンターの価格、メンテナンスプロジェクトも違うが、投資家はもっと気をつけ。[/url]

    Reply

Leave a Reply to Joe Cancel reply

Your email address will not be published. Required fields are marked *