presentで追加したmodalPresentationStyle = .pageSheetの表示領域の高さの取得方法

Question

前提・実現したいこと

FirstViewControllerにモーダル形式でSecondViewControllerを表示させようとしています。

SecondViewControllerは
modalPresentationStyle = .pageSheetの表示形式で追加し、
表示範囲の下限ギリギリのところにviewを配置したいのですが、
SecondViewControllerの表示領域の高さの取得方法が分からず、
toolbar.frameのYが設定出来ず困っております。

下記図の青色の線、または黄色の線の高さはどのように取得する方法すればよろしいでしょうか？
初心者の質問で申し訳ないのですが、ご教授いただけると幸いです。
(図は、記載したソースコードを実行したものに、
イメージを分かりやすくするために↕︎と注釈を追記したものです。)

該当のソースコード

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let btn = UIButton()
        btn.frame = CGRect(x:0,y:0,width:100,height:100)
        btn.backgroundColor = .green
        btn.addTarget(self, action: #selector(btn_tapped), for: .touchUpInside)
        self.view.addSubview(btn)
        print("シミュレーターの画面の高さ", self.view.frame.height)
    }

    @objc func btn_tapped(){
      let secondVC = SecondViewController()
      secondVC.view.backgroundColor = .white
      secondVC.modalPresentationStyle = .pageSheet
      self.present(secondVC, animated: true, completion: nil)
    }
    
}

//---------------------------------------------------------------

class SecondViewController:UIViewController {
    
    let footerView = UIView()
    
  override func viewDidLoad() {
    let viewHei:CGFloat = 44
    footerView.frame = CGRect(x: 0, y: self.view.frame.size.height - viewHei,
                              width: self.view.frame.size.width, height: viewHei)
    footerView.backgroundColor = .red
    self.view.addSubview(footerView)

    viewHeiGet()
  }

  func viewHeiGet(){
    print("test1 (狙い:図の青色の線の長さ)", self.view.frame.height)
    print("test2 (狙い:図の黄色の線の長さ)", self.view.frame.minY)
  }

}

試したこと

各print()の結果

シミュレーターの画面の高さ 568.0
test1 (狙い:図の青色の線の長さ) 568.0
test2 (狙い:図の黄色の線の長さ) 0.0

Comments

[TsukubaDepot]

ご質問に載せられるコードは、メソッド名や引数ラベルについて、かなり多くの間違いがあります（大文字小文字の間違い、綴り間違いなど）。
コピーして実行しようとしてもエラーばかりで実行すらできません。

コードを転載されるのであれば、Xcode からコピーしてきてそのまま貼り付けて頂けないでしょうか。

[mimizuku123]

大変失礼しました。
修正いたしましたのでご確認いただけると幸いです。

Answer 1

viewDidLoad() を実行した時点では、その名の通りただ単に view を読み込んだだけなので、画面上に表示されるサイズは適切に取得することができません。

表示後の予想サイズを取得するのであれば、viewWillAppear(_:) など、実際に画面サイズを調整するときに使うようなメソッドをオーバーライドして使う必要があります。

たとえば、このような感じに書き換えるとお望みの結果になるのではないでしょうか。

class SecondViewController:UIViewController {
    
    let footerView = UIView()
    
    override func viewDidLoad() {
        self.view.addSubview(footerView)
        print(#function)
        viewHeiGet()
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        print(#function)
        viewHeiGet()
        
        let viewHei:CGFloat = 44
        footerView.frame = CGRect(x: 0, y: self.view.frame.size.height - viewHei,
                                  width: self.view.frame.size.width, height: viewHei)
        footerView.backgroundColor = .red
    }
    
    func viewHeiGet(){
        let viewHeight = self.view.frame.height
        let deviceHeight = UIScreen.main.bounds.height
        print("test0 (端末のデバイス高さ)", deviceHeight)
        print("test1 (狙い:図の青色の線の長さ)", viewHeight)
        print("test2 (狙い:図の黄色の線の長さ)", deviceHeight - viewHeight)
    }
}

Comments

[mimizuku123]

ありがとうございます！
思ったとおりのものができました

Answer 2

SecondViewControllerの表示領域の高さの取得方法が分からず、

toolbar.frameのYが設定出来ず困っております。
SecondViewControllerの表示範囲はどのように取得すればよろしいでしょうか？

質問を理解しきれているか自信がないのですが、以下の回答でいかがでしょうか？

コードを拝見する限り、SecondViewControllerには以下2つのViewが存在しています。

1. SecondViewControllerが持っているView(端末のframeサイズで、背景がwhite)
2. 1のViewにaddSubViewされたView (frameはviewDidLoadで設定している通りで、背景はred)

func viewHeiGet()でprintしているのは上記1のViewのframeになります。
なので、出力結果は問題ないようにみえます。

もし、上記２のViewのframeを取得したいのであれば、以下のようにコードを修正してみてください。

class SecondViewController:UIViewController {

  let footerView = UIView() // viewという名前だと名前がコンフリクトするので改名してます

  override func viewDidLoad() {
      // let view = UIView() // viewDidLoad以外でも参照できるように、メンバ変数として持ちます。こちらは削除
      let viewHei = 44
      footerView.frame = CGRect(x:0, y: Int(self.view.frame.size.height) - viewHei,
                                    width:Int(self.view.frame.size.width), height:viewHei)
      footerView.backgroundColor = .red
      self.view.addSubview(footerView)

      viewHeiGet()
  }

  func viewHeiGet(){
    // 1のView frame 
    print(self.view.frame.height)
    print(self.view.bound.height)
    print(self.view.frame.minY)
    print(self.view.bound.minY)

    // 2のView frame
    print(self.footerView.frame.height)
    print(self.footerView.frame.minY)
    print(self.footerView.frame.maxY)
  }

}

Comments

[mimizuku123]

ご回答いただき、ありがとうございます。
また、うまく質問ができず、誤解を与えてしまい申し訳ありません。

初心者のため、正しく言語化できないため
イメージ図を追加させていただきましたので、ご確認いただけると幸いです。

さて、自分が取得したい高さについてですが、
1.のview frameの内、実際に画面に表示されている範囲の高さを取得したいと思っています。
(イメージ図 青色の線の長さ)

modalPresentationStyle = .pageSheetの仕様上、
画面のyが０の場所では無く少し下の部分に追加されるので、
一部、非表示の箇所があります。

そのため、footerViewの大半の部分が非表示の箇所に入ってしまい、隠れてしまうのを修正し、
表示範囲の最下部から高さ44のfooterViewを追加したいのですが、
1.viewの表示範囲の高さがわからず、対応ができません。

そのため、1のviewの表示範囲の高さ(イメージ図 青色の線の長さ)
または、secondViewControllerの追加された位置の高さ(イメージ図 黄色の線の長さ)
を取得する方法をご教授いただきたい。
というのが質問内容です。

うまく質問できず、誤解を招き申し訳ありません。
ご教示いただけると幸いです。

[mimizuku123]

「コメントを修正しました。」