Swift中如何修改CollectionView Cell的网格布局与索引顺序？

你的需求是将2列布局下行优先的Cell排列（0→1→2→3→4→5）改为列优先排列（0→3，1→4，2→5），最直接的实现方式是在数据源方法中重新计算索引映射，无需自定义布局，具体步骤如下：

核心思路 #

列优先排列的本质是：每一列的Cell按行依次对应数据源的连续分段。以2列、6个数据为例，第0列对应数据源索引0/1/2，第1列对应3/4/5，每个Cell的索引可以通过当前行号 + 当前列号 × 总行数计算得出。

具体实现 #

1. 确定布局参数 #

先明确列数（固定为2），再通过数据源总数计算总行数：

// Swift 示例
let columnCount = 2
let totalRows = (dataSource.count + columnCount - 1) / columnCount // 向上取整计算总行数

// Objective-C 示例
NSInteger columnCount = 2;
NSInteger totalRows = (dataSource.count + columnCount - 1) / columnCount;

2. 在cellForItemAt中转换索引 #

替换原本行优先的索引计算逻辑，改用列优先的映射规则：

// Swift 完整数据源方法示例
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomCell", for: indexPath) as! CustomCell
    let dataSource = ["0", "1", "2", "3", "4", "5"]
    let columnCount = 2
    let totalRows = (dataSource.count + columnCount - 1) / columnCount
    
    // 计算列优先对应的数据源索引
    let adjustedIndex = indexPath.row + indexPath.column * totalRows
    
    // 避免索引越界
    guard adjustedIndex < dataSource.count else {
        cell.configure(with: "")
        return cell
    }
    
    cell.configure(with: dataSource[adjustedIndex])
    return cell
}

// Objective-C 完整数据源方法示例
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    CustomCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"CustomCell" forIndexPath:indexPath];
    NSArray *dataSource = @[@"0", @"1", @"2", @"3", @"4", @"5"];
    NSInteger columnCount = 2;
    NSInteger totalRows = (dataSource.count + columnCount - 1) / columnCount;
    
    // 计算列优先对应的数据源索引
    NSInteger adjustedIndex = indexPath.row + indexPath.column * totalRows;
    
    // 避免索引越界
    if (adjustedIndex < dataSource.count) {
        [cell configureWithString:dataSource[adjustedIndex]];
    } else {
        [cell configureWithString:@""];
    }
    return cell;
}

扩展说明 #

• 如果是动态列数（比如根据屏幕宽度调整列数），只需将columnCount改为动态计算的值即可，核心索引转换逻辑不变。
• 确保你的UICollectionViewFlowLayout设置了正确的itemSize和minimumInteritemSpacing、minimumLineSpacing，保证2列布局正常生效。

内容的提问来源于stack exchange，提问作者Ben10