{"id":509,"date":"2014-12-19T00:41:34","date_gmt":"2014-12-18T19:11:34","guid":{"rendered":"http:\/\/blog.nuventure.in\/?p=509"},"modified":"2023-09-20T15:29:07","modified_gmt":"2023-09-20T09:59:07","slug":"custom-table-view-cell-using-interface-builder-with-rubymotion","status":"publish","type":"post","link":"https:\/\/nuventureconnect.com\/blog\/2014\/12\/19\/custom-table-view-cell-using-interface-builder-with-rubymotion\/","title":{"rendered":"Custom Table View Cell using Interface Builder with RubyMotion"},"content":{"rendered":"

\"custom-cell-sample-app\"<\/p>\n

I’m a RubyMotion newbie and I wanted to create a custom table view cell which simply had three labels – a title, a subtitle and a third label on the right side of the cell. I found a few help<\/a> around for creating custom table view cell programmatically, which helped me do the job, but it didn’t look as nice as I wanted. Moreover, the benefits of using Interface Builder to easily layout and style the labels was something I was looking for. Fortunately, I was able to get around it myself after fiddling about it. Thought I’d share it for those who are looking for similar.<\/p>\n

This post assumes you already have a table view controller in your project to which you want to add a custom table view cell. So I won’t go into much detail of adding them.<\/p><\/blockquote>\n

I use ib gem to use Interface Builder with RubyMotion. If you don’t, I highly recommend you do. My aim is to add a custom cell with three labels inside a table view controller, call it BooksController.<\/p>\n

Create the table view controller<\/h3>\n