Question

I need to do something like this :

.

Is it a UITableView? Or how should I do this? Any idea is welcome.

Code:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{

    if (indexPath.section == 0) {

       if (indexPath.row == 0) return cell1;

    } else if (indexPath.section == 1) {

       if (indexPath.row == 0) return cell2;

    } else if (indexPath.section == 2) {

       if (indexPath.row == 0) return cell3;
    }
}

Answer 1

Most likely its a UITableView. May be its not (it can be a UIScrollView with views added like sections in a table view).

But if you want to create something like in the image, I’d suggest you to use UITableView with customized cells. Because implementing table view, in this case, is simpler as you have to just concern about the delegate and the dateSource of the table view, rather than worrying about aligning the views in order.

Use sectioned table view with the translucent, gray-bordered, black-background-view as the backgroundView of the cells. Add the labels and arrow as the subviews of cell. You can add arrow as the accessoryView but that would become vertically centered, but in the image the arrow is displayed slightly on top of the cell.

There should be only one cell in each section.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    return 1;
}

There can be any number of sections (3 here).

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

    return 3; // Can be any number
}