如何在UITableViewController当前可见区域正中间显示弹出视图

AI 小北

2026-10-2

问题解决方法

弹出视图位置偏移的核心原因是blurView和pickerView被添加到了可滚动的UITableView层级中，tableView滚动时其内部所有子视图都会跟着内容偏移一起移动，导致弹出视图的位置偏离屏幕可视区域。同时现有代码只设置了弹出视图的bounds，没有显式指定其在父视图中的居中位置，也会加剧位置错误问题。

具体修复步骤

调整弹出视图的父容器
不要将弹出视图添加到tableView或者当前VC的根view（如果根view是tableView的话）上，改为添加到当前App的keyWindow上，保证弹出视图的坐标系和屏幕可视区域绑定，不受tableView滚动影响。
补全弹出视图的位置配置
除了设置bounds之外，显式将弹出视图的center设置为父容器的中心，保证弹出视图始终居中显示。

修改后代码示例

func setUpPickerView(){
    // 优先获取当前的keyWindow作为父容器
    guard let parentView = UIApplication.shared.keyWindow else {
        // 如果获取不到window，也可以用导航控制器的view替代
        guard let parentView = self.navigationController?.view else { return }
    }
    // 把弹出视图加到父容器上
    parentView.addSubview(blurView)
    parentView.addSubview(pickerView)
    
    blurView.bounds = parentView.bounds
    blurView.center = parentView.center
    pickerView.bounds = CGRect(x: 0, y: 0, width: parentView.bounds.width * 0.75, height: parentView.bounds.height * 0.45)
    pickerView.center = parentView.center
    pickerView.layer.cornerRadius = 15.0
    
    animateIn(desiredView: blurView)
    animateIn(desiredView: pickerView)
    tableView.isUserInteractionEnabled = false
    blurView.alpha = 0.6
}