UIが実行時にViewControllerと同じ配置にならない

Question

前提・実現したいこと

ViewControllerでUIを配置しているのですが、実行すると配置がおかしくなってしまいました。他にも画面遷移後にいくつか画面がありますが、ボタンが配置されないこともあります。もともとの位置に近づけるにはどうすればいいでしょうか？調べ方がわからず困っています。

↓設定画面

↓実行後

ソースコードが必要かわかりませんが、載せておきます。

import UIKit

class ViewController: UIViewController{
    
    var getPoint = Int()

    
    @IBOutlet weak var point: UILabel!
    @IBOutlet weak var botton1: UIButton!
    @IBOutlet weak var botton2: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        point.text = NSString(format: "%04d",getPoint) as String
    }
    

    @IBAction func toTimer(_ sender: Any) {
        let storyboard: UIStoryboard = self.storyboard!
        let timer = storyboard.instantiateViewController(withIdentifier: "toNextViewController") as! NextViewController
         timer.getPoint = getPoint

        self.present(timer, animated: true, completion: nil)
    }
    
    @IBAction func toShop(_ sender: Any) {
        let storyboard: UIStoryboard = self.storyboard!
        let timer = storyboard.instantiateViewController(withIdentifier: "toEViewController") as! EViewController
        timer.getPoint = getPoint

        self.present(timer, animated: true, completion: nil)
    }
  
}

試したこと

ViewControllerの横についている注意マークをFixにしたり、UIを「Reset to Suggested Constraints」に設定したりしているのですが、それが合っているのかわからないです。何かヒントになることや、解決方法が載っている記事があればお教えください。

Answer 1

制約の付け方が適切でないのではないでしょうか。

RumiaCamellia さんがどのように制約をつけていらっしゃるかわかりませんが、適切につければデバイスに依存することは少なくなります（それでも、AutoLayout には限界がありますから、ダメなときはダメですが）。

たとえば、下記の例であれば、iPhone 11 Pro Max, iPhone 4S, iPhone SE 1gen いずれも同じような感じで表示させることができます。

もし、どのように制約を付ければ良いのかよくわからないということであれば、上のキャプチャのように、現在つけている制約をキャプチャしてご質問に追記していただければ、適切な方法をご提案できるかもしれません。

Comments

[RumiaCamellia]

ありがとうございます。
おそらく、制約の付け方がおかしかったようです。オートレイアウトを設定したら直りました。