支持 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;
背景色, 包含箭头.
项目中的应用
设计图:
实现图:
系统默认的样式是圆圆头, 而不是设计图中的尖尖头. 所以这里要自定义样式, 需要重写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];
