#uipopover

By David Lashkhi

Starting from iOS 8 Apple presented new UIPopoverPresentationController instead of UIPopoverController. A few days ago I had to implemented one in iPhone app, so I opened the Apple’s documentation and here’s what we see:

As we see there’s clearly said that we should configure presentationcontroller after presenting it.

Incorrect implementation 

But this is not correct if you want the popup to be presented in a small view, like on iPad. To do this, you need first to set your controller as UIPopoverPresentationControllerDelegate and implement

 -(UIModalPresentationStyle)adaptivePresentationStyleForPresentationController:(UIPresentationController *)controller { 

 return UIModalPresentationNone;

 } 

After this we init view controller we want to be presented:

UIViewController *cityAlertViewController = [[UIViewController alloc] init]; DLpopupView *popupView = [[DLpopupView alloc] initWithFrame:CGRectMake(0.0, 0.0, [300, 91) andRestorationName:@“DCpopupView”]; 

 cityAlertViewController.view = popupView; 

 cityAlertViewController.modalPresentationStyle = UIModalPresentationPopover; 

 cityAlertViewController.preferredContentSize = CGSizeMake(300, 91); 

Now, if we follow Apple’s documentation, we need first to present the cityAlertViewController and then make all the preparation for UIPopoverPresentationController:

 [self presentViewController:cityAlertViewController animated:YES completion:nil]; 

 UIPopoverPresentationController *cityErrorPopover = cityAlertViewController.popoverPresentationController; cityErrorPopover.delegate = self; cityErrorPopover.sourceView = self.view; cityErrorPopover.sourceRect = button.frame; cityErrorPopover.permittedArrowDirections = UIPopoverArrowDirectionUp; cityErrorPopover.backgroundColor = greenNormal;

But as I said before, this doesn’t work on iPhone. Presenting view controller before the preparations returns a full screen presentation instead of classic popup. 

How to fix it? 

The solution is simple— just present view controller after all the preparations are done:

 //Prepare the controller you want to be displayed UIViewController *cityAlertViewController = [[UIViewController alloc] init]; DLpopupView *popupView = [[DLpopupView alloc] initWithFrame:CGRectMake(0.0, 0.0, [300, 91) andRestorationName:@“DCpopupView”]; cityAlertViewController.view = popupView; cityAlertViewController.modalPresentationStyle = UIModalPresentationPopover; cityAlertViewController.preferredContentSize = CGSizeMake(300, 91); 

//configure UIPopoverPresentationController UIPopoverPresentationController *cityErrorPopover = cityAlertViewController.popoverPresentationController; cityErrorPopover.delegate = self; 

 cityErrorPopover.sourceView = self.view;

cityErrorPopover.sourceRect = button.frame; cityErrorPopover.permittedArrowDirections = UIPopoverArrowDirectionUp; cityErrorPopover.backgroundColor = greenNormal;

1.) go to your project folder and add new files

2.) make these a Subclass UIPopoverBackgroundView

3.) declare and implement the required methods:

+ (CGFloat)arrowBase; + (CGFloat)arrowHeight; + (UIEdgeInsets)contentViewInsets;

4.) make properties:

@property (nonatomic, strong) UIImageView *arrowImageView; @property (nonatomic, strong) UIImageView *popoverBackgroundImageView;

5.) change the contentViewInsets new positions for the popover arrow depending on the orientation:

+ (UIEdgeInsets)contentViewInsets {     UIInterfaceOrientation orientation = [UIApplication sharedApplication].statusBarOrientation;     if (orientation == 1 || orientation == 2) {     return UIEdgeInsetsMake(-4, -236, 1, 1);     }     else {      return UIEdgeInsetsMake(-10, -282, -18, 10);     } }

6.) Add an arrow image:

        UIImage *popoverBackgroundImage         = [UIImage imageNamed:@"triangle.png"];         self.arrowImageView         = [[UIImageView alloc] initWithImage:popoverBackgroundImage];         [self addSubview:self.arrowImageView];