iPhoneX(シミュレータ)で、広告表示がずれてしまう

Question

リリース済みのアプリをiOS11に対応しようとしています。

シミュレータにiPhoneＸがあったので動かしてみたのですが、広告表示がズレてしまいました。
iPhoneX以外の機種で動かすとこのようになるのですが、

iPhoneXで動かすと、このようになります。

画面上にはUITableViewとその下にUIToolBarを配置してあり、広告は画面最下部に表示するのですが、
UIToolBarがある画面は、広告表示時に広告表示位置のｙ座標からUIToolBarの高さを引く、という単純な処理です。

iPhoneXだとUIToolBarプラス何かがあるようで、少しだけボタンが隠れてしまいます。
適当に値をマイナスしようかなと思ったのですが、それだとiPhoneX以外の機種でズレてしまいます。

UIDeviceを使って機種名で場合分けしようかなと思ったのですが、シミュレータではうまく値が取れないみたいでうまくいきませんでした。

どのように対応するのがよいでしょうか。
(実機の発売を待って購入した方がいいのかもしれませんが。。。)

以上、よろしくお願い致します。

Answer 1

結論から言うと、iOS11からUIViewに新しく増えたsafeAreaInsetsプロパティを使用するといいです。
下に開いている余白は、OSの互換性も考慮すると以下のように書けます。

var sideInsets: UIEdgeInsets {
  if #available(iOS 11.0, *) {
    return view.safeAreaInsets
  } else {
    // iOS10以下の端末では一定
    return UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 0)
  }
}

safeAreaInsets.bottom // UIToolBar下部の空白の高さ

-- 以下、より詳細な説明です --

iOS11からSafeAreaという概念が加わったのですが、UIKitの一部のクラスではデフォルトでSafeAreaに収まるような挙動をします。(UIToolBarもこれにより下からマージンがあいた位置に配置されていると思われます。)
そのため、画面端からの位置を手動計算するコードを入れている場合だとレイアウト崩れが予想されます。

Safe Areaは、Storyboardでもコード上でも柔軟に扱えるので便利です。
このあたりの話は、以下の記事が役立ちます。
https://qiita.com/eimei4coding/items/5a0794cf7cd13c82b2b5
https://qiita.com/lovee/items/21131fb441a1a86b45e3

Comments

[bizkit.kit]

ありがとうございます！
うまくいきました！