UITableView with two types of cells - iphone

Question

UITableView contains, suppose, 50 rows. The first row contains one item and every even row index cell contains two items?
for that we need to use two XIB view for each alternate row?
What would be the logic for totalrowcount and cellAtRowatindexpath logic?
Is there any other option?

Answer 1

I imagine your table looks like this:
+---------------------+
| Data 1 | --> Cell Type 1
+---------------------+
| Data 2 | Data 3 | --> Cell Type 2
+---------------------+
| Data 4 |
+---------------------+
| Data 5 | Data 6 |
+---------------------+
. ... .
First of all, you should design two different UITableViewCell nibs for those cell types. Personally, I would use Storyboard, design two dynamic cells with different identifiers and call them when needed. For example:
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:#"Cell Type 1"];
Let's get to tableView's data source methods. I assume that the data is stored in an array called self.tableData. You can build a logic to return the number of rows as follows:
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return ceil([self.tableData count]*(2.0f/3.0f));
}
And then in your cellForRowAtIndexPath method, return these cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell;
NSUInteger objectIndex = floor(indexPath.row*(3.0f/2.0f));
if (indexPath.row % 2 == 0) {
// define cell as Cell Type 1 from nib
cell.yourLabel.text = [self.tableData objectAtIndex:objectIndex];
} else {
// define cell as Cell Type 2 from nib
cell.yourLabel1.text = [self.tableData objectAtIndex:objectIndex];
cell.yourLabel2.text = [self.tableData objectAtIndex:(objectIndex+1)];
}
return cell;
}
Note that, I am assuming your tableData array contains something like NSString objects and you have UILabel's on your cells. The above code fetches the objects from your data source from the corresponding indices and populates your labels.

Answer 2

totalrowcount stands 50
cellForRowAtIndexpath
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
// make 2 cellidentifiers here and use it for different nib
UITableViewCell *cell;
if(indexpath.row==0){
//load first nib
}
else
{
//load second nib
}
return cell;
}

Answer 3

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
if(indexPath.row % 2 == 0) {
//cell type 1
} else if(indexPath.row % 2 == 1) {
//cell type 2
}
}
Above code will help you assign alternate cell pattern

Answer 4

If you have 2 types of cells I suggest use 2 different identifiers and when you dequeue the cells you get the cell need.

Answer 5

Firstly use - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
and pass 1 section here as :
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 1;
}
and then
In - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section method you will pass total number of rows as a datasource to the tableview.
Ex: if you have to display 50 rows then pass 50 rows as :
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 50;
}
And in - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
you will pass the cell as per the need
Ex:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
if(indexPath.row %2 ==0)
{
// First alternaate cell which you need to display at even index
return ALTERNATE_NIB_1;
}
else
{
// Second alternaate cell which you need to display at odd index
return ALTERNATE_NIB_1;
}
return nil;
}
Hope it helps you.