动画 UICollectionView 的高度变化

Posted

技术标签:

【中文标题】动画 UICollectionView 的高度变化【英文标题】:Animating the height change of a UICollectionView 【发布时间】:2015-08-13 14:41:49 【问题描述】:

我有一个UICollectionView,它是UIScrollViewsubview(这是必需的,因为集合视图上方和下方的内容。

无论如何...

集合视图每行显示三个项目,开始时只有两行。

前五个项目是实际项目,最后一个项目是“查看更多”项目。

当最后一个项目被按下时,我会更改显示的项目数并更新集合视图...

NSMutableArray *indexPaths = [NSMutableArray array];

for (int i = 5 ; i<self.facilities.count ; i++) 
    [indexPaths addObject:[NSIndexPath indexPathForItem:i inSection:0]];


// changing the tableCollapsed bool updates the number of items
if (self.isTableCollapsed) 
    self.tableCollapsed = NO;
    [self.collectionView insertItemsAtIndexPaths:indexPaths];
 else 
    self.tableCollapsed = YES;
    [self.collectionView deleteItemsAtIndexPaths:indexPaths];

然后我跑……

[self setHeightAnimated:YES];

这是干什么的……

- (void)setHeightAnimated:(BOOL)animated

    NSInteger numberOfRows = (NSInteger) ceilf((CGFloat)[self getNumberOfItems] / self.numberOfItemsPerRow);

    self.heightConstraint.constant = numberOfRows * self.rowHeight;

    if (animated) 
        [UIView animateWithDuration:0.2
                         animations:^
                             [self layoutIfNeeded];
                         ];
     else 
        [self layoutIfNeeded];
    

这总是有效并设置正确的高度,当它应该是YESNO 时,它会得到正确的animated 值。但是,它从不动画。它只是立即切换到新的高度。

我猜这是因为运行了一些布局代码或其他原因,但我想知道是否有人知道如何最好地做到这一点,以便高度随着我指定的动画正确变化。

谢谢

【问题讨论】:

【参考方案1】:

好的!几个小时后,我找到了解决方案。

我已将插入块移到这样的方法中...

- (void)addItemsAtIndexPaths:(NSArray *)indexPaths 
    [UIView performWithoutAnimation:^
        [self.collectionView insertItemsAtIndexPaths:indexPaths];
    ];
    [self setHeightAnimated:YES completion:nil];

这使用了一种我不知道performWithoutAnimation 的方法将项目添加到集合视图中。然后我独立地为高度设置动画。

像魅力一样工作。

反过来也可以……

- (void)removeItemsAtIndexPaths:(NSArray *)indexPaths 
    [self setHeightAnimated:YES completion:^(BOOL finished) 
        [UIView performWithoutAnimation:^
            [self.collectionView deleteItemsAtIndexPaths:indexPaths];
        ];
    ];

这首先对高度进行动画处理,然后删除没有动画的项目。

【讨论】:

以上是关于动画 UICollectionView 的高度变化的主要内容,如果未能解决你的问题,请参考以下文章

动画 UICollectionView 单元格大小更改和重新定位周围的单元格

如何正确动画分页 UICollectionView 的大小变化

当集合视图大小发生变化时,我需要帮助为 UICollectionView 单元格大小设置动画

UICollectionView超出边界的动画单元格

如何在按钮单击时更改 UICollectionView 高度

将单元格高度固定到 UICollectionView 高度