如何在 iOS 中同时为单元格和表格更改设置动画？

Question

我正在尝试同时为自定义 UITableViewCell 和包含它的 UITableView 设置动画。

单击时，UITableViewCell 的子视图会稍微重新排列，以使单元格的高度增加。我希望单元格内的重新排列与调整该单元格的 UITableView 插槽的大小同时发生，这样它就不会与其下方的单元格重叠。

再次点击时，会发生相反的情况。

这是我迄今为止尝试过的。

UITableView

点击 UITableView 时，我使用didSelectRowAtIndexPath 更新selectedPath 属性：

    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
        if (self.selectedPath && indexPath.row == self.selectedPath.row) {
            self.selectedPath = nil;
        } else {
            self.selectedPath = indexPath;
        }
        [tableView reloadData];
    }

注意，它调用reloadData，它会触发每个可见单元重新获取原型并根据是否被选中进行配置：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    QueueItemTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"QueueCell" forIndexPath:indexPath];
    [cell setImage:[UIImage imageNamed:[self.imageList objectAtIndex:indexPath.row]]];
    if (self.selectedPath && indexPath.row == self.selectedPath.row) {
        [cell makeSelected:YES];
    } else {
        [cell makeSelected:NO];
    }
    return cell;
}

- (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*) indexPath {
    CGFloat height = 210;
    if (indexPath.row == [self.imageList count] - 1) {
        height += 10;
    }
    if (self.selectedPath && indexPath.row == self.selectedPath.row) {
        height += 35;
    }
    return height;
}

UITableViewCell 子类

在自定义单元格类中，它的动画在它被选中或未被选中时发生：

- (void)makeSelected:(BOOL)selected {
    if (selected) {
        [UIView animateWithDuration:0.5 animations:^{
            self.customImage.frame = CGRectMake(5, 5, 310, 210);
        }];
    } else {
        [UIView animateWithDuration:0.5 animations:^{
            self.customImage.frame = CGRectMake(10, 10, 300, 200);
        }];
    }
}

发生了什么

表格视图立即捕捉到为单元格分配的新高度，然后单元格的内容会慢慢动画到新状态。我希望这两件事同时发生，并且顺利进行。

Answer 1

你可能想打电话

[UIView animateWithDuration:0.5 animations:^{

    [self.tableView reloadData];

}];

并重写自定义单元格如下：

- (void)makeSelected:(BOOL)selected {
    if (selected) {
         self.customImage.frame = CGRectMake(5, 5, 310, 210);
    } else {
         self.customImage.frame = CGRectMake(10, 10, 300, 200);
    }
}

希望对你有帮助。

Answer 2

试试这个...重新加载特定的单元格

NSIndexPath* indexPath1 = [NSIndexPath indexPathForRow:selectedRowIndexPath inSection:section];
// Add them in an index path array
NSArray* indexArray = [NSArray arrayWithObjects:indexPath1, nil];
// Launch reload for the two index path
[self.tableView reloadRowsAtIndexPaths:indexArray withRowAnimation:UITableViewRowAnimationFade];

Answer 3

[self.tableView beginUpdates];
[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
[self.tableView endUpdates]; 

您需要在点击时重新加载特定单元格，像这样使用..

- (void)makeSelected:(BOOL)selected {
    if (selected) {
         self.customImage.frame = CGRectMake(5, 5, 310, 210);
    } else {
         self.customImage.frame = CGRectMake(10, 10, 300, 200);
    }
}

将BOOl isSelect; 声明为全局

    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
            if (self.selectedPath && indexPath.row == self.selectedPath.row) {
               isSelect = NO;
            } else {
                self.selectedPath = indexPath;
                isSelect = YES;
            }
            [self.tableView beginUpdates];
        [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
        [self.tableView endUpdates]; 
       }

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    QueueItemTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"QueueCell" forIndexPath:indexPath];
    [cell setImage:[UIImage imageNamed:[self.imageList objectAtIndex:indexPath.row]]];
    if (self.selectedPath && indexPath.row == self.selectedPath.row && isSelect) {
        [cell makeSelected:YES];
    } else {
        [cell makeSelected:NO];
    }
    return cell;
}

- (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*) indexPath {
    CGFloat height = 210;
    if (indexPath.row == [self.imageList count] - 1) {
        height += 10;
    }
    if (self.selectedPath && indexPath.row == self.selectedPath.row && isSelect) {
        height += 35;
    }
    return height;
}

它用动画重新加载单元格..我希望它能帮助你..现在你检查它是否可以按你的意愿工作......