0

XCode11を使用しています。
UIViewControllerの上にUIViewを配置し、その上にUINavigationBarを配置したのですが、以下の画像のように上部に空白スペースができてしまいます。

画像の説明をここに入力

UINavigationBarを上下に拡大・縮小する項目も見当たりません。
ページタイトルの表示位置としては今のままで良いのですが、上部の空白ができてしまうのだけが気になります・・・。
どうすれば上部に空白スペースを作らずにUINavigationBarを配置することができるのでしょうか?

1 件の回答 1

1

UINavigationControllerが表示するNavigation Barのように、ステータスバー部分を覆うように表示したいということで良いのでしょうか。

UINavigationBarを自前で配置するような画面は作ったことがなかったので、少し検索すると、以下のような記事が見つかりました。

Navigation Bar Behind Status Bar

図やコード例が詳しく載っているので、英語部分は読まなくても大体わかるかもしれませんが、記事中のコードは、storyboardを使用せずにコードでUINavigationBarを設置しているので、storyboardを使った場合に、最低限必要な部分を抜き出しておきます。

class ViewController: UIViewController, UINavigationBarDelegate {
    @IBOutlet weak var navigationBar: UINavigationBar!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        navigationBar.delegate = self
        //...
    }

    func position(for bar: UIBarPositioning) -> UIBarPosition {
        return .topAttached
    }

    //...
}

UINavigationBarDelegateのメソッドposition(for:)を実装して.topAttachedを返すようにする必要があるようで、storyboard上だけでの設定はできないようです。

なお、ステータスバー部分を完全に覆うようにするためには、UINavigationBar上端のSafe Area Topにぴったりくっつけておく必要があるようです。

Storyboard

Storyboardエディタ上での表示は変わりませんが、実行してみると、上部に広がって表示されているのがわかります。

simulator

1
  • いつもありがとうございます。望み通りの表示にすることができました!
    – gncc
    Commented 2020年8月25日 3:49

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。