Swift实现TableView全屏单元格上下滑动切换（非滚动）方案咨询

核心思路 #

既然TableView自带的滚动逻辑不符合你的需求（要完全替换、无滚动露出），我们可以关闭TableView滚动，用滑动手势识别器触发切换，再通过自定义UI动画实现新cell从底部滑入、旧cell滑出的效果，同时保留cell复用的优势。

具体实现步骤 #

1. 基础配置 #

先在ViewController里完成初始化设置：

class FullScreenCellViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    private let cellIdentifier = "FullScreenCell"
    private var currentIndex = 0
    private let dataSource = ["Cell 1", "Cell 2", "Cell 3", "Cell 4"] // 替换成你的数据源
    private var currentCell: UITableViewCell? // 记录当前显示的cell

    override func viewDidLoad() {
        super.viewDidLoad()
        // 配置TableView核心属性
        tableView.isScrollEnabled = false
        tableView.bounces = false
        tableView.register(UINib(nibName: cellIdentifier, bundle: nil), forCellReuseIdentifier: cellIdentifier)
        tableView.rowHeight = view.safeAreaLayoutGuide.layoutFrame.height // 让cell适配安全区域
        
        // 添加上下滑动手势
        let upSwipe = UISwipeGestureRecognizer(target: self, action: #selector(handleUpSwipe))
        upSwipe.direction = .up
        tableView.addGestureRecognizer(upSwipe)
        
        let downSwipe = UISwipeGestureRecognizer(target: self, action: #selector(handleDownSwipe))
        downSwipe.direction = .down
        tableView.addGestureRecognizer(downSwipe)
        
        // 加载初始显示的cell
        loadInitialCell()
    }
}

2. 加载初始cell #

private func loadInitialCell() {
    currentCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier)
    guard let cell = currentCell as? FullScreenCell else { return }
    cell.configure(with: dataSource[currentIndex]) // 替换成你的cell配置方法
    cell.frame = tableView.bounds
    tableView.addSubview(cell)
}

3. 处理滑动手势与过渡动画 #

分别处理向上滑（切换到下一个cell）和向下滑（切换到上一个cell）的逻辑：

@objc private func handleUpSwipe() {
    guard currentIndex < dataSource.count - 1 else { return } // 防止滑到最后一个cell还继续上滑
    
    // 复用获取下一个cell
    let nextIndex = currentIndex + 1
    guard let nextCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier) as? FullScreenCell else { return }
    nextCell.configure(with: dataSource[nextIndex])
    
    // 把新cell初始位置放在屏幕底部
    let screenHeight = view.safeAreaLayoutGuide.layoutFrame.height
    nextCell.frame = CGRect(x: 0, y: screenHeight, width: tableView.bounds.width, height: screenHeight)
    tableView.addSubview(nextCell)
    
    // 执行动画：旧cell上滑移出屏幕，新cell上滑进入屏幕
    UIView.animate(withDuration: 0.3, animations: {
        self.currentCell?.frame = CGRect(x: 0, y: -screenHeight, width: self.tableView.bounds.width, height: screenHeight)
        nextCell.frame = self.tableView.bounds
    }) { _ in
        // 动画结束后清理旧cell，更新当前状态
        self.currentCell?.removeFromSuperview()
        self.currentCell = nextCell
        self.currentIndex = nextIndex
    }
}

@objc private func handleDownSwipe() {
    guard currentIndex > 0 else { return } // 防止滑到第一个cell还继续下滑
    
    // 复用获取上一个cell
    let prevIndex = currentIndex - 1
    guard let prevCell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier) as? FullScreenCell else { return }
    prevCell.configure(with: dataSource[prevIndex])
    
    // 把新cell初始位置放在屏幕顶部上方
    let screenHeight = view.safeAreaLayoutGuide.layoutFrame.height
    prevCell.frame = CGRect(x: 0, y: -screenHeight, width: tableView.bounds.width, height: screenHeight)
    tableView.addSubview(prevCell)
    
    // 执行动画：旧cell下滑移出屏幕，新cell下滑进入屏幕
    UIView.animate(withDuration: 0.3, animations: {
        self.currentCell?.frame = CGRect(x: 0, y: screenHeight, width: self.tableView.bounds.width, height: screenHeight)
        prevCell.frame = self.tableView.bounds
    }) { _ in
        // 动画结束后清理旧cell，更新当前状态
        self.currentCell?.removeFromSuperview()
        self.currentCell = prevCell
        self.currentIndex = prevIndex
    }
}

4. 额外注意点 #

• 如果是纯代码创建TableView，记得把tableView的frame设置为安全区域范围，保证cell完全填充屏幕
• 动画时长可以根据你的需求调整，0.3秒是比较自然的过渡速度
• 复用逻辑完全保留，不会出现内存占用过高的问题

为什么之前的方法没生效？ #

你之前尝试关闭滚动+cellWillLoad的思路，问题在于cellWillLoad只是TableView加载cell前的回调，本身不处理过渡动画；而且关闭滚动后，TableView的滚动触发cell加载的逻辑也失效了，自然没法实现你要的切换效果。我们这个方案是完全接管切换逻辑，用手势触发，手动控制cell的复用和动画，完美匹配你的需求。

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