Question

How do I build the following view?

I want to build a form using a standard UITableViewController, but I need to have an image that spans the first two rows. Rows have text in them (not pictured).

One way I’ve considered is to have the Image and first two rows actually be one row with another UITableView embedded inside it, with scrolling disabled.

But I’d really like to do something with indenting.

                                UITableView
                          +-----+---------------+
                          |     |               |  <---+ Row 0
        UIImageView +---> |     +---------------+
                          |     |               |  <---+ Row 1
                          +-----+---------------+
                          |                     |  <---+ Row 2
                          +---------------------+
                          |                     |
                          +---------------------+
                          |                     |
                          +---------------------+
                          |                     |
                          +----------------
                          |
                          +-----------
                          |
                          +------
                          |            Etc..
                          +--
                          |

How can I accomplish this, using the fewest widgets / least amount of code (for iOS 4+)?

Answer 1

I ended up putting a UIImageView and a nested UITableView inside the row 0 UITableViewCell. The nested UITableView has scrolling disabled and provides one group with two rows. Then I just had to fudge the frame a bit.