我有一个项目(由其他人编写)，其中有一个包含内容和文本的提要显示在表格 View 中。每个帖子对应 TableView 中的一个部分，每个部分都有自己的行，对应于内容、文本、按钮等元素。

我需要在表格 View 单元格内显示带有“更多”按钮的帖子标题的短标签，当点击更多按钮时，标签将扩展到标题适合的任何大小，所有这些都发生在表格 View 单元格内。当点击更多按钮时，我将标签的 numberOfLines 属性更改为零，并且由于单元格具有自动高度，我所需要做的就是重新加载该特定的标题单元格。 (如果我在显示单元格之前首先将 numberOfLines 设置为 0，则单元格会正确显示扩展大小。)

我试过:

[tableView beginUpdates]; tableView endUpdates];

我尝试过各种动画选项:

[tableView reloadRowsAtIndexPaths:@[myPath] withRowAnimation:UITableViewRowAnimation(Bottom,Top,None etc)];

我试过:

[tableView reloadSections:[NSIndexSet indexSetWithIndex:myPath.section] withRowAnimation:UITableViewRowAnimation(Top,Bottom,None etc)];

但它们都产生相同的结果:整个 TableView 布局变得困惑:它跳转到另一个单元格，一些 View 变为空白，单元格相互重叠，单元格内的视频停止播放，标签不展开(但在自身内部刷新，例如，带有一行的简短预览 txt 从顶部/底部等动画但不展开)。

是什么导致了整个表格 View 的困惑？我如何才能使用扩展动画正确地重新加载一个单元格，而不会弄乱整个布局？我已经看到很多关于此的问题和答案，但他们都推荐我已经尝试过并在上面解释过的选项。

我的应用针对 iOS 8.0+

更新:这是相关代码(删除了一些与布局无关的内部工作部分):

MyCell *cell = (MyCell *)[tableView dequeueReusableCellWithIdentifier: MyCellIdentifier forIndexPath:indexPath];
cell.delegate = self;
cell.indexPathToReloadOnAnimation = indexPath;
cell.shouldShortenCaption = YES;

id post = self.posts[indexPath.section] ;
[cell setPost:post];

return cell;

在 setPost: 中:

if(self.shouldShortenCaption){
    captionLabel.numberOfLines = 2;
}else{
    captionLabel.numberOfLines = 0;
}
NSString *text = [some calculated (deterministic) text from post object];

按钮操作很简单:

self.shouldShortenCaption = NO;
[one of the reload codes that I've written above in the question]

更新 2:以下是有关此问题的更多方法:

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    if (section < self.posts.count) {
        return 59;
    }else
        return 0;
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    if (section < self.posts.count) {
        MyFeedHeader *header = [tableView dequeueReusableCellWithIdentifier:MyFeedHeaderIdentifier];
        header.delegate = self;
        [header setPostIndex:section];
        [header setPost:self.posts[section]] ;

        return header;
    }
    else
        return nil;
}

Header 的setPost: 方法基本上将相关文本设置为标签(与标题无关，它们是完全不同的单元格。有问题的单元格不是标题单元格)。该表没有任何页脚方法。关于高度的唯一方法是上面的方法。

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section >= self.posts.count) {
        return 1;
    }
    id post = self.posts[section];
    [calculate number of rows, which is deterministic]
    return [number of rows];
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    BOOL hasCursor = self.cursor && self.hasMore ? 1 : 0;
    return self.posts.count + hasCursor;
}

(帖子计数和游标以及 hasMore 也是确定性的)。

更新 3: 我问了一个问题(不是重复问题，尽管有类似的问题)并得到了一个有用的答案，解决了我的问题。投反对票的人能否详细说明他们投反对票的原因？

最佳答案

这是一个例子:https://github.com/DonMag/DynamicCellHeight

表 B 是实现“更多/更少”的一种方式(表 A 是我尝试过的另一种布局)。它使用 [tableView beginUpdates]; tableView endUpdates];触发表格重新布局的方法。

关键是正确设置所有约束，这样自动布局引擎就会按照您的预期进行。

这个例子是用 Swift 写的，但应该很容易翻译回 Obj-C(我想我是先用 Obj-C 做的)。

编辑:一些额外的注释...

这是使用动态高度表格 View 单元格的非常标准的方法。元素之间的垂直间距约束有效地“推出”了单元格的边界。点击此处可在 2 和 0 之间切换标签的 numberOfLines 属性(零表示需要的行数)。在 TableView 上连续调用 beginUpdates/endUpdates 会告诉自动布局引擎重新计算行高， 不需要重新加载数据。

对于这个例子，我确实使用了一些“技巧”来获得平滑的展开/折叠效果...您在此处看到的多行标签包含在 UIView 中(使用 clipsToBounds 真)。还有第二个重复的多行标签(alpha 0 所以它不可见)控制高度。我发现将可见标签上的 numberOfLines 更改为 2 行，然后发生大小更改动画...导致文本“跳来跳去”。

为了比较，我将“不太好”的版本添加到我的 GitHub 存储库中。

关于ios - 使用 "more"按钮像 Instagram 一样在 UITableView 中扩展 UILabel，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43096231/