UIPopoverPresentationController displaying popover as full screen

Question

I am trying to use UIPopoverPresentationController to display a popover that doesn't take up the whole screen. I've followed many different tutorials with no luck.

Here is my code. It correctly instantiates the ViewController, but it takes up the entire screen instead of just a smaller screen as I defined in preferredContentSize.

func showPopover() {
    let vc = self.storyboard?.instantiateViewControllerWithIdentifier("PopupTimePickerViewController") as PopupTimePickerViewController
    vc.modalPresentationStyle = .Popover
    vc.preferredContentSize = CGSizeMake(200, 100)

    if let presentationController = vc.popoverPresentationController {
        presentationController.delegate = self
        presentationController.permittedArrowDirections = .Up
        presentationController.sourceView = self.view
        presentationController.sourceRect = CGRectMake(0, 0, 50, 50)

        self.presentViewController(vc, animated: true, completion: nil)
    }
}

Update 9/27/16 with correct answer

func adaptivePresentationStyle(for controller: UIPresentationController, traitCollection: UITraitCollection) -> UIModalPresentationStyle {
    return .none
}

@gabbler Nope. Only on the simulator. Don't have an iPhone to test it on. — The Nomad, Dec 08 '14 at 16:58
Please try the answer. Don't forget to implement `adaptivePresentationStyleForPresentationController` method. — gabbler, Dec 08 '14 at 17:02
For me the problem was that, calling the PopoverViewController through a "PerformSegue" was always leaving it Full Screen. Deleting the storyboard segue and manually assembling it and showing through presentViewController solved it. — Alexandre, Feb 11 '18 at 16:52

score 44 · Accepted Answer · answered Dec 08 '14 at 17:01

44

In iPhone, you should add the following in order to present a popover.

func adaptivePresentationStyleForPresentationController(controller: UIPresentationController!) -> UIModalPresentationStyle {
    // Return no adaptive presentation style, use default presentation behaviour
    return .None
}

answered Dec 08 '14 at 17:01

gabbler

13,626
4
32
44

2

Where do you add this? To the view controller of the Popover? – Noah Jun 20 '16 at 08:49
1

@Noah, to the view controller that presents the Popover, `self.presentViewController(vc, animated: true, completion: nil)`, the controller `self` represents. – gabbler Jun 20 '16 at 09:35
9

On Swift 4, this won't give an error, but just won't fix the issue. Slight signature tweak: `func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle { return UIModalPresentationStyle.none }` – Cannoliopsida Feb 04 '18 at 19:30
1

Yes, and in order for it to be called, you need to set the calling view controller as the delegate to the popover's presentationController, as explained in other answers. Then you can look at the protocol definition for the appropriate signature. Xcode should autocomplete with the right one if you've set up the delegate properly. – Victor Engel May 09 '19 at 19:02

score 20 · Answer 2 · answered Sep 23 '16 at 03:43

For Swift3/IOS10, looks like we need to do some thing like

func adaptivePresentationStyle(for controller: UIPresentationController, traitCollection: UITraitCollection) -> UIModalPresentationStyle
{
    return .none
}

Adding this answer, in case, someone runs into this problem as i did when migrating to swift3/IOS10

mourodrigo · Answer 3 · 2018-04-10T16:59:08.403

For Swift3+/IOS10+, when dealing with iPhone:

You must add UIPopoverPresentationControllerDelegate the delegate at:

class YourClass:  UIViewController, UIPopoverPresentationControllerDelegate { ...

Then implement in this same parent class (which will show the popover) the method below.

func adaptivePresentationStyle(for controller: UIPresentationController, traitCollection: UITraitCollection) -> UIModalPresentationStyle
{
    return .none
}

And then set the popover configuration below:

myPopover.modalPresentationStyle = .popover
myPopover.popoverPresentationController?.sourceRect = VIEWTOPOINTTHEARROW.frame
myPopover.popoverPresentationController?.sourceView = self.view
myPopover.popoverPresentationController?.delegate = self

Also you may set some configuration for the popover class

 class MyPopover: UIViewController {

 override func viewDidLoad() {
    super.viewDidLoad()
    //popover size
    self.preferredContentSize = CGSize(width: 320, height: 200) 
    //sets the arrow of the popover to same color of background
    self.popoverPresentationController?.backgroundColor = self.view.backgroundColor
   }

 }

score 3 · Answer 4 · answered Oct 24 '17 at 04:40

The accepted answer is correct. For completeness, see Adapting Presented View Controllers to a New Style in the Apple docs:

Use the delegate’s adaptivePresentationStyleForPresentationController: method to specify a different presentation style than the default. When transitioning to a compact environment, the only supported styles are the two full-screen styles or UIModalPresentationNone. Returning UIModalPresentationNone tells the presentation controller to ignore the compact environment and continue using the previous presentation style. In the case of a popover, ignoring the change gives you the same iPad-like popover behavior on all devices.

Make sure that the required configurations from Presenting a View Controller in a Popover are met:

After setting the modal presentation style [of the presented view controller] to UIModalPresentationPopover, configure the following popover-related attributes:

Set the preferredContentSize property of your view controller to the desired size.

Set the popover anchor point using the associated UIPopoverPresentationController object, which is accessible from the view controller’s popoverPresentationController property.

Set only one of the following:

Set the barButtonItem property to a bar button item.

Set the sourceView and sourceRect properties to a specific region in one of your views.

score 0 · Answer 5 · edited Jun 20 '20 at 09:12

iOS 12 / Swift 4

There's also the possibility to show the popover on IPhone's as fullscreen and on IPad's as a popover.

Just return .popover for adaptivePresentationStyle():

func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
    return .popover
}

and set the popover-configuration like @mourodrigo did:

dialog.modalPresentationStyle = .popover
dialog.popoverPresentationController?.delegate = self
dialog.popoverPresentationController?.permittedArrowDirections = UIPopoverArrowDirection(rawValue: 0)
dialog.popoverPresentationController?.sourceView = view
dialog.popoverPresentationController?.sourceRect = view.frame

score 0 · Answer 6 · answered Aug 05 '20 at 11:07

0

objective-c version:

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

answered Aug 05 '20 at 11:07

Zouhair Sassi

1,403
1
13
30

UIPopoverPresentationController displaying popover as full screen

6 Answers6

iOS 12 / Swift 4

Linked