how to rotate image in expandable cell when clicked on cell in ios?

Question

I'm making a UITableView with expandable/collapsible cells for an iOS app. In that app I want to display an arrow down image and when click on it the image will be an up arrow. Is this possible?

Here is my code

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (selectedIndex == indexPath.row)
    {
        selectedIndex = -1;
        [myContestTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
        return;
    }
    if (selectedIndex != -1)
    {
        NSIndexPath *prevPath = [NSIndexPath indexPathForRow:selectedIndex inSection:0];
        selectedIndex = indexPath.row;
        [myContestTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:prevPath] withRowAnimation:UITableViewRowAnimationFade];
    }
    selectedIndex = indexPath.row;
    [myContestTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
}

This is my image named "rotateImage". Please help me. Here is my expandable cell default image:

When the user click on a cell the image will be an up arrow and if the user click again on cell default image should display again.

please explain the difficulties you faced – Mejdi Lassidi Jan 21 '16 at 06:41 — Mejdi Lassidi, Jan 21 '16 at 06:41
See update question. thank you:) – User558 Jan 21 '16 at 07:28 — User558, Jan 21 '16 at 07:28

score 4 · Accepted Answer · answered Jan 21 '16 at 07:39

If you're subclassing your UITableViewCell you can use: setSelected: animated:, add your configuration there.

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    YOURIMAGEVIEW.transform = CGAffineTransformMakeRotation(selected ? M_PI : 0);

    // Configure the view for the selected state
}

if not, you simply use that inside -cellForRowAtIndexPath like:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    ...
    YOURTABLECELL.yourImageView.tranform = CGAffineTransformMakeRotation((selectedIndex == indexPath.row) ? M_PI : 0);
    ...

    return tableCell;
}

@MangiReddy, you can mark it as the correct answer.. ;) Glad to help. Cheers! — 0yeoj, Jan 21 '16 at 08:32
@MangiReddy, actually you did not, it's the checkmark, but don't worry about it, what's important is it's working now.. ;) — 0yeoj, Jan 21 '16 at 08:54

how to rotate image in expandable cell when clicked on cell in ios?

1 Answers1