10
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

UIPopoverPresentationControllerで表示場所について試してみたこと

Posted at

はじめに

従来使っていたUIPopoverControllerクラスがiOS9で廃止され、新しいクラス(UIPopoverPresentationController)に入れ替える作業をしていましたが、ドキュメントを読んでも分からなかったことがあったのでメモしておきます。

分からなかったこと

Popover表示場所を決めるプロパティ sourceView, sourceRectになにを指定すれば良いのか。
Appleドキュメントにはこう説明が書いています。

スクリーンショット 2018-08-16 10.31.57.png

うん。。。。

コードを書いてみた

コメントに簡単な説明を書いてますが、yellowViewとredRectの関係を注目。

ViewController.swift
class ViewController: UIViewController {

    @IBOutlet weak var yellowView: UIView!
    
    let redRect = CGRect(x: 200, y: 100, width: 50, height: 10)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        let testView = UIView(frame: redRect)
        testView.backgroundColor = UIColor.red
        yellowView.addSubview(testView)
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    @IBAction func openPopover(_ sender: UIButton) {
        
        let contentVC = PopoverContentViewController(style: .plain)
        
        //Popoverスタイル
        contentVC.modalPresentationStyle = .popover
        
        //Popoverコンテンツのサイズ
        contentVC.preferredContentSize = CGSize(width: 150, height: 100)
        
        //場所を決める
        contentVC.popoverPresentationController?.sourceView = yellowView
        contentVC.popoverPresentationController?.sourceRect = redRect
//        contentVC.popoverPresentationController?.sourceView = sender
//        contentVC.popoverPresentationController?.sourceRect = sender.bounds
        
        //方向
        contentVC.popoverPresentationController?.permittedArrowDirections = .any
        
        contentVC.popoverPresentationController?.delegate = self
        present(contentVC, animated: true, completion: nil)
        
    }
}

extension ViewController : UIPopoverPresentationControllerDelegate {
    
}

そして結果を見ると、

スクリーンショット 2018-08-16 10.33.09.png

分かったこと

本当に簡単なことでした。
sourceViewはsourceRectの基準になる領域(View)になります。
そして、sourceRectはPopoverを表示する領域です。

少し考えなければいけないのは、もし、sourceViewUIScrollViewまたはUITableViewContentViewの場合、sourceRectの指定にoffsetに基づいて指定することです。

例のコードでは書いてないですが、tableViewのcellをタップした場合、offsetを反映したsourceRectを指定したところ、想定通り表示されるのを確認しました。

以上。

10
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?