Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Present a popover from an arbitrary anchor point in Swift

Tags:

ios

swift

popover

I know how to present a popover from a bar button item as is described in this answer (for both iPhone and iPad).

enter image description here

I would like to add a popover for an arbitrary anchor point. The other SO answers that I saw were for bar button items or in Objective-C.

I just learned how to do this, so I am adding my own answer below.

like image 869
Suragch Avatar asked Aug 05 '16 21:08

Suragch


2 Answers

Update to func syntax above:

func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentatinStyle { 
    return .none 
}

For some reason the old syntax is still allowed but is not active and will not implement popup or anchor correctly.

like image 121
Markv07 Avatar answered Oct 20 '22 01:10

Markv07


Updated for Swift 3

In the storyboard, add a view controller that you would like to be the popover. Set the Storyboard ID to be "popoverId".

enter image description here

Also add a button to your main view controller and hook up the IBAction to the following code.

import UIKit
class ViewController: UIViewController, UIPopoverPresentationControllerDelegate {

    @IBAction func buttonTap(sender: UIButton) {

        // get a reference to the view controller for the popover
        let popController = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "popoverId")

        // set the presentation style
        popController.modalPresentationStyle = UIModalPresentationStyle.popover

        // set up the popover presentation controller
        popController.popoverPresentationController?.permittedArrowDirections = UIPopoverArrowDirection.up
        popController.popoverPresentationController?.delegate = self
        popController.popoverPresentationController?.sourceView = sender // button
        popController.popoverPresentationController?.sourceRect = sender.bounds

        // present the popover
        self.present(popController, animated: true, completion: nil)
    }

    // UIPopoverPresentationControllerDelegate method
    func adaptivePresentationStyleForPresentationController(controller: UIPresentationController) -> UIModalPresentationStyle {
        // Force popover style
        return UIModalPresentationStyle.none
    }
}

Setting the sourceView and sourceRect is what allows you to choose an arbitrary point to display the popover.

That's it. Now it should like something like this when the button is tapped.

enter image description here

Thanks to this article for help.

like image 25
Suragch Avatar answered Oct 20 '22 01:10

Suragch