How to create a Popover ViewController like Apples one

Question

How can I create this popover ViewController style in iOS? How can I make it so it fits it's content and does not exceed the contents frame?

I tried to change the modalPresentation to .popover but it only works on iPad and macOS and not on the iPhone as far as I tried. I hope someone can help

Answer 1

You have to present a new ViewController in .popover presentation.
Then you customize the presented view controller like you want.
The main View controller should look like this:

class ViewController: UIViewController {

    @IBAction func buttonClicked(_ sender: Any) {
        //get the button frame
        /* 1 */
        let button = sender as? UIButton
        let buttonFrame = button?.frame ?? CGRect.zero

        /* 2 */
        //Configure the presentation controller
        let popoverContentController = self.storyboard?.instantiateViewController(withIdentifier: "PopoverContentController") as? PopoverContentController
        popoverContentController?.modalPresentationStyle = .popover

        /* 3 */
        // Present popover
        if let popoverPresentationController = popoverContentController?.popoverPresentationController {
            popoverPresentationController.permittedArrowDirections = .up
            popoverPresentationController.sourceView = self.view
            popoverPresentationController.sourceRect = buttonFrame
            popoverPresentationController.delegate = self
            if let popoverController = popoverContentController {
                present(popoverController, animated: true, completion: nil)
            }
        }
    }
}

extension ViewController: UIPopoverPresentationControllerDelegate {

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

    func popoverPresentationControllerDidDismissPopover(_ popoverPresentationController: UIPopoverPresentationController) {

    }

    func popoverPresentationControllerShouldDismissPopover(_ popoverPresentationController: UIPopoverPresentationController) -> Bool {
        return true
    }
}

PopoverContentController where you will add your TableView for example

class PopoverContentController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    // Custom design&implementation
}