不同 iDevices 的自适应布局 UICollectionViewCell 大小

Question

我正在为不同的 iDevices 屏幕尺寸使用自适应布局，我在纵向显示两个单元格时遇到了问题。我设计了一个 130 x 210 的单元格，它在 iPhone 5 上看起来很完美，但是在 iPhone 6 中我们有更多的 30 px，为此我计算剩余空间并平均设置空间，但这看起来很难看

当我继续使用 iPhone 6+ 时，它看起来更奇怪，在 iPad 上会有更多数量的单元格，建议我一种处理这种情况的方法，或者我应该每次计算项目的大小和数量屏幕可以包含相应空间的项目。这就是我现在的计算方式

int space = self.view.frame.size.width;
space = space - 130 *2;
space = space/3;
UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init];
flow.minimumInteritemSpacing = space;
flow.minimumLineSpacing = space;
flow.scrollDirection = UICollectionViewScrollDirectionVertical;
flow.sectionInset = UIEdgeInsetsMake(space, space, space, space);
flow.itemSize = CGSizeMake(130, 210);
[self.collectionViewGames setCollectionViewLayout:flow];

Answer 1

我在实现类似于照片应用的应用时遇到了同样的问题。我在这里所做的是我将间距的大小固定为一个恒定值。并根据剩余空间计算项目大小。

这是我案例中的代码

 var flowLayout = // your flow layout


        var itemWidth = self.view.frame.size.width / (5) // i am using 5 cells in a row
    flowLayout.itemSize = CGSizeMake(itemWidth - 2, itemWidth - 2)
    flowLayout.scrollDirection = UICollectionViewScrollDirection.Vertical
    flowLayout.sectionInset = UIEdgeInsets(top: 0, left: 0 , bottom: 0, right: 0)
    flowLayout.minimumInteritemSpacing = 2
    flowLayout.minimumLineSpacing = 2