UIPopoverPresentationController

支持 iOS 8+, iPhone & iPad 通用

参考链接:
http://www.cnblogs.com/10-19-92/p/6215849.html
http://www.scianski.com/customizing-uipopover-with-uipopoverbackgroundview/
http://mobile.51cto.com/iphone-396554.htm
http://www.jianshu.com/p/52dd6dec3e9b

部分属性解释

@property (nonatomic, assign) UIPopoverArrowDirection permittedArrowDirections;
箭头方向.

@property (nullable, nonatomic, strong) UIView *sourceView;
sourceRect以这个view的左上角为原点.

@property (nonatomic, assign) CGRect sourceRect;
指定箭头所指区域的矩形框范围, 以sourceview的左上角为坐标原点.

@property (nullable, nonatomic, strong) UIBarButtonItem *barButtonItem;
若有navigationController, 并且从'right/leftBarButtonItem'点击后出现popover, 则可以把'right/leftBarButtonItem'看做上面说的sourceView. 默认箭头指向up, 亲测下来up是最合适的方向, 所以在这种情况下可以不设置箭头方向.
注: 将当前锚点设置为barButtonItem所在的位置. 在弹出窗口时, 系统会自动在barButtonItem的位置弹出. 如果需要修改弹出视图和位置, 可以使用sourceView和sourceRect来替代这个属性.
barButtonItem在设置之后,sourceView 和sourceRect将会失效

@property (nullable, nonatomic, copy) UIColor *backgroundColor;
背景色, 包含箭头.

项目中的应用

设计图:

设计图.png

实现图:

实现图.png

系统默认的样式是圆圆头, 而不是设计图中的尖尖头. 所以这里要自定义样式, 需要重写UIPopoverBackgroundView. 此处用了一个第三方GIKPopoverBackgroundView, 小伙伴们也可以自己实现哦.
弹出后, 会有一层淡淡的渐变黑的背景色, 这是系统自带的.

基本配置

BSChildrenViewController *listVC = [[BSChildrenViewController alloc] init];
listVC.childrenList = self.childrenList;
CGFloat height = 40 + 44 * self.childrenList.count;
listVC.preferredContentSize = CGSizeMake(120, height);
listVC.modalPresentationStyle = UIModalPresentationPopover;
listVC.popoverPresentationController.barButtonItem = self.navigationItem.rightBarButtonItem;
listVC.popoverPresentationController.delegate = self;
listVC.popoverPresentationController.popoverBackgroundViewClass = [BSChildrenPopoverBackgroundView class];
[self presentViewController:listVC animated:YES completion:nil];

在 iPhone 中使用时, 要实现下面的协议

#pragma mark - UIAdaptivePresentationControllerDelegate

- (UIModalPresentationStyle)adaptivePresentationStyleForPresentationController:(UIPresentationController *)controller {
    return UIModalPresentationNone;
}

弹出框实现类 BSChildrenViewController.m 部分代码

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    
    // 改变弹出框圆角.
    self.view.superview.layer.cornerRadius = 5;
}

// 使 tableView 的大小为 宽度=120, 高度<=屏幕/3
- (CGSize)preferredContentSize {
    if (self.presentingViewController && self.tableView != nil) {
        CGSize tempSize = self.presentingViewController.view.bounds.size;
        tempSize.width = 120;
        CGSize size = [self.tableView sizeThatFits:tempSize];
        return CGSizeMake(tempSize.width, MIN(SCREEN_HEIGHT/3, size.height));
    } else {
        return [self preferredContentSize];
    }
}

- (void)setPreferredContentSize:(CGSize)preferredContentSize{
    super.preferredContentSize = preferredContentSize;
}

注: 若弹出动作是在 [tableView:didSelectRowAtIndexPath:] 中触发的, 则

// 此处要NO, 否则 popover 弹框有延迟.
[tableView deselectRowAtIndexPath:indexPath animated:NO];