iPad端UIScrollView缩放后源视图超出设备边界时Popover无法显示的问题求助

我之前也碰到过一模一样的问题——在iPad上把ScrollView放大到内容接近或超出屏幕边界时，长按内部视图弹出的Popover直接失效，iPhone上却完全正常。这其实是Popover的锚点坐标计算错误导致的，下面给你拆解原因和解决方案：

问题根源 #

当UIScrollView进行缩放后，内部的colorView的坐标系是基于ScrollView的缩放内容视图的，而iPad的Popover要求锚点（sourceRect）必须处于可见的屏幕坐标系内。如果你直接把colorView设为sourceView，并用它的bounds作为sourceRect，系统会基于ScrollView的内容坐标系来计算位置——一旦内容缩放后超出屏幕，这个锚点就不在系统认可的有效区域内，Popover就会被“拒绝”展示。

修复方案 #

只需要把colorView的边界转换到当前视图控制器的根视图坐标系下，再作为Popover的锚点即可。修改你的showColorPicker方法：

@objc func showColorPicker(_ sender: UILongPressGestureRecognizer) {
    let colorPicker = UIColorPickerViewController()
    colorPicker.modalPresentationStyle = .popover
    
    // 关键：将colorView的本地边界转换到根视图的坐标系
    let convertedRect = colorView.convert(colorView.bounds, to: self.view)
    
    // 把源视图设为根视图，使用转换后的坐标作为锚点
    colorPicker.popoverPresentationController?.sourceView = self.view
    colorPicker.popoverPresentationController?.sourceRect = convertedRect
    colorPicker.popoverPresentationController?.permittedArrowDirections = .any
    
    self.present(colorPicker, animated: true, completion: nil)
}

可选优化：基于长按位置锚定 #

如果你希望Popover锚定在用户长按的精确位置，也可以用手势识别器的位置来生成sourceRect：

@objc func showColorPicker(_ sender: UILongPressGestureRecognizer) {
    let colorPicker = UIColorPickerViewController()
    colorPicker.modalPresentationStyle = .popover
    
    // 获取长按位置在根视图的坐标
    let tapPoint = sender.location(in: self.view)
    // 用一个小矩形作为锚点（避免箭头偏移）
    let anchorRect = CGRect(origin: tapPoint, size: CGSize(width: 1, height: 1))
    
    colorPicker.popoverPresentationController?.sourceView = self.view
    colorPicker.popoverPresentationController?.sourceRect = anchorRect
    colorPicker.popoverPresentationController?.permittedArrowDirections = .any
    
    self.present(colorPicker, animated: true, completion: nil)
}

额外建议 #

你的ScrollView当前直接缩放colorView，如果后续需要添加更多子视图，建议把colorView放在一个专门的contentView里，再把contentView作为ScrollView的缩放视图——这样内容布局会更清晰，也能避免一些潜在的坐标系混乱：

// 在loadView里调整：
let contentView = UIView()
contentView.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 4000)
contentView.addSubview(colorView)
scrollView.addSubview(contentView)

// 然后delegate里返回contentView：
func viewForZooming(in scrollView: UIScrollView) -> UIView? {
    return contentView
}

这样调整后，ScrollView的缩放逻辑会更符合iOS的最佳实践，也能减少坐标系相关的问题。

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