ios - 调整 UICollectionViewCells 的大小以始终填充 UICollectionView

我有一个水平滚动的 UICollectionView，其 UICollectionViewCells 与 Collection View 本身一样高，三分之一宽(因此一次适合三个)。 Collection View 是分页的，并使用默认的流布局。

单元格来自 .xib 文件并使用自动布局来保持内容到位。

我想要做的是让 Collection View 的高度在两个预定义的高度之间切换，并让单元格的高度始终填满可用空间，即使在动画期间也是如此。

collection view 动画是通过像这样对其 superview 的顶部约束进行动画处理来完成的，并且似乎可以工作:

UIView.animateWithDuration(0.5, animations: { () -> Void in
    self.collectionViewTopConstraint.constant = (self.collectionViewTopConstraint.constant == 50 ? 100 : 50)
    self.view.layoutIfNeeded()
})

然而，这使单元格保持不变。

我尝试在动画 block 的末尾添加以下内容:

self.collectionView.performBatchUpdates({ () -> Void in

}, completion: nil)

这几乎可行，但单元格从一个高度交叉淡入到另一个高度，而不是仅仅改变高度，这看起来很糟糕。

我还尝试了以下方法:

self.collectionView.collectionViewLayout.invalidateLayout()

这样可以达到同样的效果，但是没有那么流畅。

另外，在这两种情况下，如果反复调用切换动画，我会收到以下警告:

the behavior of the UICollectionViewFlowLayout is not defined because:
the item height must be less than the height of the UICollectionView minus the section insets top and bottom values.

我已经进行了大量研究，但我发现的所有内容都涉及自定义布局或在不同布局之间切换，我认为这不适用于我，因为即使 Collection View 的高度发生变化，布局也使用相同的逻辑来定位元素。

有什么想法吗？

谢谢!

---

Best Answer-推荐答案

我认为这可以通过在动画之前更改单元格的 itemSize 来实现。单元格的原始大小设置为如下所示的相同值，但没有 +sign*50 项。

- (IBAction)toggleCollectionViewSizeid)sender {
    self.collectionViewTopConstraint.constant = (self.collectionViewTopConstraint.constant == 50)? 100 : 50;
    NSInteger sign = (self.collectionViewTopConstraint.constant == 50)? 1 : -1;
    self.layout.itemSize = CGSizeMake(self.collectionView.frame.size.width/3.0 , self.collectionView.frame.size.height + sign*50);
    [UIView animateWithDuration:.5 animations:^{
        [self.view layoutIfNeeded];
    }];
}

我在一个在顶部、中间和底部都有 View 的单元格上进行了测试。它看起来还不错，但是底部 View 有轻微的移动，我无法解释。当过渡发生时，您仍然会看到单元格的轻微褪色(其 alpha 值降低)。如果 Collection View 背景颜色与单元格背景颜色相同，则可以最小化这种视觉效果。

编辑后:

如果你使用计时器而不是 animateWithDuration 效果会更好；我不会那样褪色。

-(void)viewWillLayoutSubviews {
    self.layout.itemSize = CGSizeMake(self.collectionView.bounds.size.width/3.0 , self.collectionView.bounds.size.height - 1); // the -1 suppresses a warning about the height that you get on every toggle. I still get one warning at the start.
}


- (IBAction)toggleCollectionViewSizeid)sender {
    NSInteger sign = (self.topCon.constant == 50)? 1 : -1;
    [NSTimer scheduledTimerWithTimeInterval:.01 target:self selectorselector(shrink userInfo(sign) repeats:YES];
}


-(void)shrinkNSTimer *) aTimer {
    NSInteger sign = [aTimer.userInfo integerValue];
    self.topCon.constant += sign;
    if (self.topCon.constant == 100 || self.topCon.constant == 50) {
        [aTimer invalidate];
    }
}

关于ios - 调整 UICollectionViewCells 的大小以始终填充 UICollectionView，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26142172/