iOS开发新手求助：单个UITableViewCell每行填充两个对象的最优方案（无嵌套UICollectionView）

嘿，作为iOS新手碰到这个需求太正常啦！不用嵌套UICollectionView的话，有两个非常实用的方案，我给你详细说说：

最直观的方式是把你的一维对象数组，转换成每个元素包含1-2个对象的二维数组。这样每个UITableViewCell就对应数组里的一个子数组，直接取数赋值就行，逻辑清晰不容易出错。

举个Swift代码例子，先写个拆分数组的方法：

// 假设你的数据模型是Item
struct Item {
    let title: String
    let image: UIImage?
}

func convertToPairedItems(_ originalItems: [Item]) -> [[Item]] {
    var pairedArray = [[Item]]()
    // 步长为2遍历原数组，每次取两个元素
    for i in stride(from: 0, to: originalItems.count, by: 2) {
        let end = min(i + 2, originalItems.count)
        pairedArray.append(Array(originalItems[i..<end]))
    }
    return pairedArray
}

然后在UITableView的数据源方法里这么用：

// 先在类里定义这个成对数组
var pairedItems: [[Item]] = []

// 拿到服务器数据后转换
override func viewDidLoad() {
    super.viewDidLoad()
    // 假设fetchedItems是从服务器拿到的原数组
    pairedItems = convertToPairedItems(fetchedItems)
    tableView.reloadData()
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return pairedItems.count
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "DoubleItemCell", for: indexPath) as! DoubleItemCell
    let currentPair = pairedItems[indexPath.row]
    
    // 填充第一个条目
    if let firstItem = currentPair.first {
        cell.firstTitleLabel.text = firstItem.title
        cell.firstImageView.image = firstItem.image
    }
    
    // 填充第二个条目，处理数组长度不足2的情况（比如最后一行只有一个元素）
    if currentPair.count == 2 {
        let secondItem = currentPair[1]
        cell.secondTitleLabel.text = secondItem.title
        cell.secondImageView.image = secondItem.image
        cell.secondContentContainer.isHidden = false
    } else {
        cell.secondContentContainer.isHidden = true
    }
    
    return cell
}

如果你不想修改数据源，也可以直接通过indexPath.row来计算当前Cell对应的两个元素在原数组中的位置，省去重组数组的步骤，内存占用也更小一点。

代码示例：

// 类里直接用原数组
var fetchedItems: [Item] = []

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // 向上取整计算行数，比如5个元素就是3行
    return (fetchedItems.count + 1) / 2
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "DoubleItemCell", for: indexPath) as! DoubleItemCell
    
    // 第一个元素的索引：行号*2
    let firstIndex = indexPath.row * 2
    let firstItem = fetchedItems[firstIndex]
    cell.firstTitleLabel.text = firstItem.title
    cell.firstImageView.image = firstItem.image
    
    // 第二个元素的索引：第一个索引+1，判断是否越界
    let secondIndex = firstIndex + 1
    if secondIndex < fetchedItems.count {
        let secondItem = fetchedItems[secondIndex]
        cell.secondTitleLabel.text = secondItem.title
        cell.secondImageView.image = secondItem.image
        cell.secondContentContainer.isHidden = false
    } else {
        cell.secondContentContainer.isHidden = true
    }
    
    // 注意：Cell复用的时候要重置状态，避免旧内容残留
    // 比如上面的else分支已经处理了隐藏，确保每次赋值都覆盖或重置
    return cell
}

不管用哪个方案，你的自定义UITableViewCell都需要包含两个独立的内容容器（比如两个UIView，每个里面放标题、图片等控件）。用AutoLayout很容易实现并排布局：

• 给第一个容器设置leading、top、bottom约束，宽度设为Cell宽度的一半（或者减去间距）
• 给第二个容器设置trailing、top、bottom约束，宽度和第一个容器相等，同时和第一个容器的trailing间距设为固定值（比如8pt）
• 这样两个条目就会均匀分布在Cell的左右两侧

• 如果需要给每个条目加点击事件，可以在Cell里给每个内容容器添加UITapGestureRecognizer，然后通过闭包把点击的Item回调给ViewController
• 处理Cell复用的时候，一定要记得重置所有可能的状态（比如图片、文本、隐藏状态），避免出现旧数据残留的问题
• 如果你的条目布局不是简单的并排，也可以调整AutoLayout约束实现上下排列等其他样式，核心逻辑还是上面两种方案

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