如何在iPhone中实现iPad样式的Popover Controller显示？

嘿，这个问题我太熟了——iOS 默认会在 iPhone 上把 Popover 控制器以全屏模态的方式展示，和 iPad 的弹窗样式差异很大，但咱们只需要调整几个关键的配置，就能让它在 iPhone 上也呈现出和 iPad 一致的弹窗效果。下面是具体的实现步骤：

核心配置步骤 #

• 设置弹窗的锚点与箭头方向：
  首先必须给 popoverPresentationController 指定 sourceView（弹窗锚定的视图）和 sourceRect（锚定的区域），同时设置允许的箭头方向，这样弹窗才知道从哪里弹出。
• 强制使用 Popover 模态样式：
  把控制器的 modalPresentationStyle 设置为 .popover，这是让 iPhone 放弃默认全屏模态的关键。
• 定义弹窗的大小：
  通过 preferredContentSize 来设置弹窗的宽高，避免弹窗在 iPhone 上被拉伸。

完整代码示例（Swift） #

假设你要在点击一个按钮时弹出 Popover：

@IBAction func showPopoverButtonTapped(_ sender: UIButton) {
    // 初始化你要展示的 Popover 内容控制器
    let popoverContentVC = YourPopoverContentViewController()
    
    // 关键：设置模态展示样式为 Popover
    popoverContentVC.modalPresentationStyle = .popover
    
    // 配置 Popover 展示控制器
    if let popoverPresentationVC = popoverContentVC.popoverPresentationController {
        // 设置锚点为点击的按钮
        popoverPresentationVC.sourceView = sender
        popoverPresentationVC.sourceRect = sender.bounds
        
        // 设置允许的箭头方向（可以根据需求调整，比如.up/.down等）
        popoverPresentationVC.permittedArrowDirections = .any
        
        // 设置弹窗的大小
        popoverContentVC.preferredContentSize = CGSize(width: 280, height: 350)
        
        // 可选：设置代理，处理弹窗的关闭事件（比如点击外部关闭）
        popoverPresentationVC.delegate = self
    }
    
    // 弹出弹窗
    present(popoverContentVC, animated: true)
}

// 实现 UIPopoverPresentationControllerDelegate 协议（可选）
extension YourViewController: UIPopoverPresentationControllerDelegate {
    // 确保在 iPhone 上依然保持 Popover 样式，而不是自动转为全屏
    func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
        return .none
    }
}

Objective-C 版本参考 #

如果你用的是 Objective-C，核心逻辑是一样的：

- (IBAction)showPopoverButtonTapped:(UIButton *)sender {
    YourPopoverContentViewController *popoverContentVC = [[YourPopoverContentViewController alloc] init];
    popoverContentVC.modalPresentationStyle = UIModalPresentationPopover;
    
    UIPopoverPresentationController *popoverPresentationVC = popoverContentVC.popoverPresentationController;
    popoverPresentationVC.sourceView = sender;
    popoverPresentationVC.sourceRect = sender.bounds;
    popoverPresentationVC.permittedArrowDirections = UIPopoverArrowDirectionAny;
    popoverContentVC.preferredContentSize = CGSizeMake(280, 350);
    popoverPresentationVC.delegate = self;
    
    [self presentViewController:popoverContentVC animated:YES completion:nil];
}

// 实现代理方法
- (UIModalPresentationStyle)adaptivePresentationStyleForPresentationController:(UIPresentationController *)controller {
    return UIModalPresentationNone;
}

注意事项 #

• 确保你的内容控制器的视图布局是适配弹窗大小的，避免内容溢出或显示不全。
• 如果需要弹窗在点击外部时自动关闭，不需要额外设置，默认就支持；如果要禁止这个行为，可以在代理方法里处理。
• 对于 iOS 13 及以上版本，这个配置依然有效，不需要额外适配新的 API。

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