iOS在项目中，常会用到的一个需求就是，UITableView列表展开看全文，增加展开和收缩的动画。
第一种动画方式
系统提供了动画效果，比如我们刷新一行：
[tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
系统为我们提供UITableViewRowAnimation各种过渡动画效果：
typedef NS_ENUM(NSInteger, UITableViewRowAnimation) {
UITableViewRowAnimationFade,
UITableViewRowAnimationRight, // slide in from right (or out to right)
UITableViewRowAnimationLeft,
UITableViewRowAnimationTop,
UITableViewRowAnimationBottom,
UITableViewRowAnimationNone, // available in iOS 3.0
UITableViewRowAnimationMiddle, // available in iOS 3.2. attempts to keep cell centered in the space it will/did occupy
UITableViewRowAnimationAutomatic = 100 // available in iOS 5.0. chooses an appropriate animation style for you
};
可以根据自己需要的效果去更换类型，然后改边cell行高就可以实现。
但是使用这种方式有的会出现cell的错位问题，这是苹果的动画bug。这个问题是因为动画过程中，预估高度带来的原因。
解决这个错位的问题，可以提前保存预先存预估高度来解决：
@property (nonatomic, strong) NSMutableDictionary *cellHeightsDictionary;
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
[self.cellHeightsDictionary setObject:@(cell.frame.size.height) forKey:indexPath];
}
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
NSNumber *height = [self.cellHeightsDictionary objectForKey:indexPath];
if (height) return height.doubleValue;
return UITableViewAutomaticDimension;
}
这样可以解决错位的问题，但是有的会出现另外一个问题，就是使用cell复用时，点击屏幕最上面的cell时，也会出现错位问题。显然使用UITableViewRowAnimation还是各种问题出来，因此建议使用静态更新的动画来解决：
第二种动画方式
[self.tableView beginUpdates];
[self.tableView endUpdates];
只需要两行，就可以实现更改高度平滑的动画效果。但是需要注意一点，动画的执行过程是更改cell的高度的动画，内部的高度在没有做好约束的前提下，可能效果不会很好。如果使用layout的方式进行约束或者使用autoresizingMask，让内部的控件比如说cell上面的一个label去适配cell的高度变化。就会自然而然的变。
但是如果没有做约束的话，比如直接用纯代码去定义label.frame，最后的显示效果也会有问题。
第二种方式，在中间去对需要更改的frame做动画效果达到想要的方法：
UITableView *cell = [tableView cellForRowAtIndexPath:indexPath];
[self.tableView beginUpdates];
[UIView animateWithDuration:0.25 animations:^{
cell.textLabel.frame = CGRectMake(0, 0,FOScreenW, 50);
}];
[self.tableView endUpdates];
建议使用第一种方式，直接做好layout适配，就可以了。到这里使用系统的方式进行展开收缩动画，就不会有问题，效果非常好。
题外：如果想在endUpdates动画结束后，做其他的操作呢，比如去隐藏或显示控件之类的操作。可以使用CATransaction，具体的代码方式：
[CATransaction begin];
[CATransaction setCompletionBlock:^{
// 在这里做动画结束后的操作
[cell isOpenOrClose];
}];
[self.tableView beginUpdates];
[self.tableView endUpdates];
[CATransaction commit];
第三种动画方式
如果前面两种你都不想要，那就只能去自定义的方式，最简单粗暴的，用动画只改变当前cell的frame值:
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
UITableView *cell = [tableView cellForRowAtIndexPath:indexPath];
[UIView animateWithDuration:0.25 animations:^{
cell.frame = CGRectMake(0, 0,FOScreenW, 100);
[cell setNeedsLayout];
[cell layoutIfNeeded];
// 并且要更新底下的cell，否则会被覆盖掉
NSArray *cells = [tableView visibleCells];
for (UITableViewCell *vis_cell in cells) {
if (![vis_cell isEqual:cell]) {
vis_cell.frame = CGRectMake(0, 0,FOScreenW, 50);
[vis_cell setNeedsLayout];
[vis_cell layoutIfNeeded];
}
}
} completion:^(BOOL finished) {
[tableView reloadData];
}];
}
网友评论