先上圖
Paste_Image.png
在之前開發的項目中有要求要實現這種效果的，在iOS7的時候如果在iPad上實現可以使用UIPopoverController實現，但是使用在iPhone上要實現這種效果需要自己自定一個view實現。在iOS8中提供了UIPopoverPresentationController在ipad和iphone兩個設備上同時實現這種效果。
1、首先自定義UIViewController，在UIViewController中添加tableView
#pragma mark 創建 tableView
- (void)setupView {
UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.frame];
tableView.dataSource = self;
tableView.delegate = self;
tableView.scrollEnabled = NO;
tableView.backgroundColor = [UIColor yellowColor];
[tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
[self.view addSubview:tableView];
self.tableView = tableView;
[self.tableView setSeparatorInset:UIEdgeInsetsZero ];
// [self.tableView setSeparatorColor:[UIColor whiteColor]];
}
#pragma mark tabelView 協議方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return self.addArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
cell.backgroundColor = [UIColor yellowColor];
// cell.textLabel.textAlignment = NSTextAlignmentCenter;
cell.textLabel.text = self.addArray[indexPath.row];
return cell;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
NSLog(@"%zd",indexPath.row);
}
重寫preferredContentSize自適應tableView的大小
- (CGSize)preferredContentSize {
if (self.presentingViewController && self.tableView != nil) {
CGSize tempSize = self.presentingViewController.view.bounds.size;
tempSize.width = 150;
//返回一個完美適應tableView的大小的 size; sizeThatFits 返回的是最合適的尺寸, 但不會改變控件的大小
CGSize size = [self.tableView sizeThatFits:tempSize];
return size;
}else{
return [self preferredContentSize];
}
}
2、主控制器的代碼
- (void)rightBarAction {
//初始化 VC
self.itemPopVC = [[PopViewController alloc] init];
//設置 VC 彈出方式
self.itemPopVC.modalPresentationStyle = UIModalPresentationPopover;
//設置依附的按鈕
self.itemPopVC.popoverPresentationController.sourceView = self.button;
//可以指示小箭頭顏色
self.itemPopVC.popoverPresentationController.backgroundColor = [UIColor yellowColor];
//箭頭方向
self.itemPopVC.popoverPresentationController.permittedArrowDirections = UIPopoverArrowDirectionAny;
// 指定箭頭所指區域的矩形框范圍（位置和尺寸）,以sourceView的左上角為坐標原點
// 這個可以 通過 Point 或 Size 調試位置
self.itemPopVC.popoverPresentationController.sourceRect = self.button.bounds;
//代理
self.itemPopVC.popoverPresentationController.delegate = self;
[self presentViewController:self.itemPopVC animated:YES completion:nil];
//content尺寸
//self.itemPopVC.preferredContentSize = CGSizeMake(400, 400);
}
- (UIModalPresentationStyle)adaptivePresentationStyleForPresentationController:(UIPresentationController *)controller {
return UIModalPresentationNone;
}
- (BOOL)popoverPresentationControllerShouldDismissPopover:(UIPopoverPresentationController *)popoverPresentationController{
return YES; //點擊蒙版popover消失， 默認YES
}
另外popoverPresentationController可以設置sourceView也可以直接設置為導航欄的barButtonItem。
self.itemPopVC.popoverPresentationController.barButtonItem = self.navigationItem.leftBarButtonItem;
