Show alternate views in each UITableViewCell - iOS

Question

I've got 2 views in my UITableViewCell and I want to show alternate views in each cell (if previous cell has right view ON, then next cell will have left view ON).

I've implemented it successfully, but on scrolling the tableview, alternating views not working correctly; example image below:

My code is :

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"LiveStreamCell" forIndexPath:indexPath];
    
    if(cell == nil)
    {
        cell =[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"LiveStreamCell"];
    }

    
    UIView *leftView = (UIView*)[cell viewWithTag:999];
    UIView *rightView = (UIView*)[cell viewWithTag:998];

    UIImageView *mediaImage;
    mediaImage.clipsToBounds = YES;
    
    UILabel *artistLabel;
    UILabel *titleLabel;
    UILabel *statusLabel;
    
    if (isViewOnLeft) {
    
        isViewOnLeft = NO;
        
        rightView.hidden = NO;
        leftView.hidden = YES;
        
        mediaImage = (UIImageView *)[cell viewWithTag:221];
        
        CALayer *cellImageLayer = mediaImage.layer;
        [cellImageLayer setCornerRadius:74];
        [cellImageLayer setMasksToBounds:YES];
        
        artistLabel = (UILabel *)[cell.contentView viewWithTag:222];
        titleLabel = (UILabel *)[cell.contentView viewWithTag:223];
        statusLabel = (UILabel *)[cell.contentView viewWithTag:224];
        
        
    }
    else {
        
        isViewOnLeft = YES;
        
        leftView.hidden = NO;
        rightView.hidden = YES;
        
        mediaImage = (UIImageView *)[cell viewWithTag:121];
        
        CALayer *cellImageLayer = mediaImage.layer;
        [cellImageLayer setCornerRadius:74];
        [cellImageLayer setMasksToBounds:YES];
        
        artistLabel = (UILabel *)[cell.contentView viewWithTag:122];
        titleLabel = (UILabel *)[cell.contentView viewWithTag:123];
        statusLabel = (UILabel *)[cell.contentView viewWithTag:124];  
    }

   /*Here I'm setting image (come from web URLs) and labels data*/
}

Storyboard screenshot:

I know the issue is with reusability of cells, but I searched a lot but no luck. Please suggest a solution.

Thanks!

I don't have anything to add, but I just want to say that the UI you created is a cool way to make a timeline. Nice job! :D — user3353890, Nov 29 '16 at 10:02

score 0 · Accepted Answer · answered Jan 17 '16 at 09:15

0

You could instead create two table view cells, and based on the indexPath, if its odd or even load the left or right cell. Assuming you have odd ones loading the left image view.

That way you will just have to change the code fetching the cell. Rest of it remains the same.

answered Jan 17 '16 at 09:15

Praveen S

10,355
2
43
69

1

I think I get what you're saying. Would I need to create 2 prototype cells (with unique identifiers) in storyboard, with first cell having left view in it and second cell having right view in it? – Hyder Jan 17 '16 at 11:40
And yes that's what I needed to do! Thanks! :D – Hyder Jan 17 '16 at 11:56

Show alternate views in each UITableViewCell - iOS

1 Answers1