如何从Tab Bar Item弹出Popover？Swift 4中Popover显示异常排查

嘿，我来帮你搞定这两个关于iOS Popover的问题！这俩都是开发中常见的坑，我来一步步给你拆解。

要实现从Tab Bar Item触发Popover，关键是准确定位Tab Bar Item的位置，正确配置Popover的展示参数，还要处理iPhone和iPad的差异。具体步骤如下：

• 获取Tab Bar Item的视图与坐标
  Tab Bar Item本身是UITabBarItem，我们需要拿到它对应的UIView的frame，注意要基于Tab Bar的坐标系来获取。

• 配置Popover的基础参数
  创建你要展示的ViewController实例，必须将它的modalPresentationStyle设置为.popover，否则会以默认的全屏方式呈现。

• 设置Popover的来源与箭头方向
  通过popoverPresentationController设置sourceView为Tab Bar，sourceRect为Tab Bar Item的frame，同时指定箭头方向（比如.up，因为Tab Bar在屏幕底部）。

• 处理iPhone上的自适应问题
  默认情况下，iPhone上的Popover会自动转为全屏展示，如果你想保持弹窗样式，需要实现UIPopoverPresentationControllerDelegate的代理方法，返回.none来禁用自适应。

完整代码示例：

// 假设你要从第0个Tab Bar Item触发Popover
guard let tabBar = self.tabBarController?.tabBar,
      let tabBarItemView = tabBar.items?[0].value(forKey: "view") as? UIView else {
    return
}

// 创建你的Popover内容ViewController
let popoverVC = YourPopoverContentViewController()
// 必须设置弹窗展示样式
popoverVC.modalPresentationStyle = .popover
// 可选：设置Popover的默认大小
popoverVC.preferredContentSize = CGSize(width: 220, height: 180)

// 配置Popover的展示参数
if let popoverPresenter = popoverVC.popoverPresentationController {
    popoverPresenter.sourceView = tabBar
    popoverPresenter.sourceRect = tabBarItemView.frame
    popoverPresenter.permittedArrowDirections = .up
    // 设置代理处理iPhone自适应
    popoverPresenter.delegate = self
}

// 展示Popover
present(popoverVC, animated: true)

然后在当前ViewController中实现代理方法：

extension YourCurrentViewController: UIPopoverPresentationControllerDelegate {
    func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
        // 让iPhone上也保持Popover样式，而不是全屏
        return .none
    }
}

这种情况通常是因为你漏了几个关键的配置步骤，我整理了最常见的几个坑：

1. 未设置modalPresentationStyle为.popover #

默认的modal展示样式是.fullScreen（或.automatic，取决于系统版本），如果不手动设置为.popover，系统会以普通全屏方式呈现。

2. 未配置popoverPresentationController的来源 #

Popover需要明确知道从哪个视图/控件弹出，必须设置sourceView和sourceRect（或者sourceBarButtonItem）。如果没有设置，系统无法确定弹窗的位置，就会 fallback 到全屏展示。

3. iPhone上未处理自适应 #

和问题1一样，iPhone默认会把Popover转为全屏，必须实现代理方法禁用自适应才能保持弹窗样式。

4. 未设置preferredContentSize #

虽然这不会导致全屏，但如果没设置，Popover的大小可能会被拉伸成和屏幕一样大，看起来就像普通present。

错误代码示例（常见问题）：

// 错误：只present，没做任何Popover配置
let popoverVC = YourPopoverViewController()
present(popoverVC, animated: true)

修正后的正确代码：

let popoverVC = YourPopoverViewController()
// 1. 必须设置弹窗样式
popoverVC.modalPresentationStyle = .popover
// 2. 设置Popover的大小
popoverVC.preferredContentSize = CGSize(width: 200, height: 150)

if let popoverPresenter = popoverVC.popoverPresentationController {
    // 3. 设置触发来源，比如一个按钮
    popoverPresenter.sourceView = yourTriggerButton
    popoverPresenter.sourceRect = yourTriggerButton.bounds
    popoverPresenter.permittedArrowDirections = .down
    // 4. 设置代理处理iPhone自适应
    popoverPresenter.delegate = self
}

present(popoverVC, animated: true)

同样需要实现代理方法（和问题1中的代理方法一致）。

内容的提问来源于stack exchange，提问作者Al-shimaa Adel