点击cell动态改变cell高度

末蓝、 2022-03-31 11:20 276阅读 0赞

title: 点击cell动态改变cell高度date: 2016-06-16 12:08:29  
tags:

*  TableViewCell
 *  动态改变高度
 *  cell伸缩  
    categories: iOS知识小结

--------------------

应一个群朋友的要求，想实现如下图这种的效果：

![Image 1][]

效果图1

问题：点击cell，然后根据cell内部出来的view的高度来动态改变当前的点击的cell的高度。  
  
解决思路：

1.  点击cell的时候会弹出一个contentView,根据数据，获取这个contentView的高度。为了实现刷新的动画效果，接下来的cell的高度变化都在

[tableView beginUpdates];
    // code
    [tableView endUpdates];

上面这个代码块之间执行。

1.  当contentView以动画的形式出现的时候，先展示contentView，然后再改变cell的高度
2.  当contentView消失的时候，先将contentView消失，然后再刷新这一行的高度
3.  在返回cell高度的方法中，根据contentView是否显示而显示不同的高度。

> 现在cell高度计算，都会先给一个预估高度，这样代理方法就不会一开始走`heightForRowAtIndexPath`这个方法，会先走`cellForRowAtIndexPath`这个方法，这样的话，当cell显示的时候才去调用`heightForRowAtIndexPath`方法，此时cell已经创建成功了。这样就可以在这个方法里通过`cellForRowAtIndexPath`来获取cell了,相比从前，计算cell高度简单多了。

最后简单的模拟了一下不同cell的高度，实现的效果如下图：

![Image 1][]

效果图2

核心代码：

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    
        TestTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
        
        if (!self.isVisiable) {
            _index_arr = arc4random()%5;
            _indexPath_cell = indexPath;
            _self_adaption = YES;
            CGFloat f = [[_Harray objectAtIndex:_index_arr] floatValue];
            UIView *testView = [[UIView alloc]
                                initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, f - 10)];
            testView.backgroundColor = [UIColor colorWithRed:1.000 green:0.971 blue:0.138 alpha:1.000];
            testView.userInteractionEnabled = NO;
            UIImageView *imageView = [[UIImageView alloc] initWithFrame:testView.bounds];
            imageView.image = [UIImage imageNamed:@"ab97283425c2ce1c75ccac15a1fed5fd.jpg"];
            [testView addSubview:imageView];
            _testView= testView;
            [cell.contentView addSubview:testView];
            
            [tableView beginUpdates];
            testView.transform = CGAffineTransformMakeScale(1, 0.01);
            
            [UIView animateWithDuration:0.5
                             animations:^{
                                 
                                 testView.transform = CGAffineTransformMakeScale(1, 1);
                                 CGRect oldFrame = cell.frame;
                                 oldFrame.size.height = f;
                                 cell.frame = oldFrame;
    
                             }completion:^(BOOL finish){
                                 _visiable = YES;
    
                             }];
            [tableView endUpdates];
            
        }
        else{
        
            [UIView animateWithDuration:0.5
                             animations:^{
                                 
                                 _testView.transform = CGAffineTransformMakeScale(1, 0.01);
                                 
                             }completion:^(BOOL finish){
                                 [_testView removeFromSuperview];
                                 _visiable = NO;
                                 _self_adaption = NO;
    
                                 [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
                             }];
        }
    }

demo地址：[git传送门][git]

作者：童星  
链接：https://www.jianshu.com/p/969dec23ef88  
來源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

[Image 1]: 
[git]: https://link.jianshu.com?t=https://github.com/chaserr/Demo_CellAnimation