画面下に配置したボタンが実機テストで画面上にあるのはなぜでしょうか？

Question

画面下部に設置した❌ボタンが実機では画面上部に設置されています。
AutoLayoutはHorizontally in Containerだけ設定しています。

ズレるどころの騒ぎではないので、どうググればいいのかもわかりません。

ストーリーボードの画面

実機テストでの画面

Comments

[退会済みユーザー]

StoryboardとAutolayoutの設定は、どうなってますか？

[clo.momo]

AutoLayoutはHorizontally in Containerだけ設定しています。　Storybordの設定とはどういう設定でしょうか？特に何もしていません。

[退会済みユーザー]

Viewの階層とか、containerが何か？とか。なにもしてないとは言っても、どこかに気付いてない原因があると思いますが…。

Answer 1

それはhorizontalのみを設定しているからです。
物の位置を決定するには横軸方向と縦軸方向の2方向で
どこに配置するかを指定しなければいけません。

現在、水平方向で中央にするって設定はされてますが、
縦方向にはどこにすべきか分からないので、
機械が勝手に一番上にとりあえず置いてる状態です。

spacing to nearest neighborで下から10とかに設定しやれば
表示したいように、きちんとなると思いますよ。

きっと、位置が決まってませんよって
buildするとエラー通知が黄色で出てるでしょうし、
storyboardには赤い線で
アラートが出てると思います。

ちゃんと無視せず、耳を傾けてくださいね。

Comments

[clo.momo]

ありがとうございます！
なぜかエラーもアラートも出てなかったのですが、修正しますね。

Answer 2

どこからレイアウトがズレるか調べたら、AutoLayoutでHorizontally in Containerだけを指定すると画面上部に表示されるようになりました。

なので、一緒にVartically in Container の User Current Canvas Value を設定するとストーリーボードと同じ位置に設置されました。