(Xcode)AutoLayoutを使って、Safe Areaの上から1/4に配置したい。

Question

前提・実現したいこと

こんにちは。あらゆるスマホ機種で、
紫色のViewの中心が、Safe Areaの上から1/4に、来るように、配置したいです。
Storyboardを使って、実現したいと考えています。

発生している問題・エラーメッセージ

スクリーンショット（以下、スクショ）を載せます。

※緑Viewと、オレンジViewは、参考のため載せていますが、質問の主旨とは無関係です。

まず紫Viewを、「Align Center Y to: Safe Area」に配置しました。（スクショ１枚目）
その後、「Multiplier 2:4」に設定しました。（スクショ２枚目）

「高さ②」と「高さ④」の間が、Safe Areaであると認識しています。
紫Viewの中心が、②と④の間の距離を基準にして、1/4の高さに配置されるようにしたくて、上記作業を行ったのですが、
画面上で定規を使って測ると、実際には、①と⑤の間の距離が基準になってしまっているように見えます。

アドバイスいただけますと、幸いです。
よろしくお願いいたします。

該当のStoryboard画面

補足情報（FW/ツールのバージョンなど）

Xcode 11.4.1
Swift

Answer 1

safeAreaに対する比率になりませんね。
しょうがないのでダミーをおいてみてはどうでしょうか。しぶしぶですが。

あ、使うときはダミーの幅は０にして見えなくしてね

Comments

[bread_tabeyo]

お礼のご連絡が遅くなってしまいましたが、ご回答ありがとうございます。ダミーを置いてみたら、できました！しぶしぶですよね。何か、ダミー等無しでも実現できる方法は、ないものか。。

[退会済みユーザー]

autolayoutをコードで記述したら？
どうなるかわからんけど。

しぶしぶだけど、自分だったら時間がもったいないので他の課題に進みます。

Answer 2

こちらの手元でも試してみましたが、Interface Builderでドンピシャで指定できる方法は見つかりませんでした。が、代替手段として下記の手順で実現できました。

制約の値を次のようにする

Item	Value
First Item	View.Center Y
Relation	Equal
Second Item	Safe Area.Top
Constant	0
Multiplier	1

制約をコードに関連付ける

当方の手元では仮に、 purpleViewCenterYConstraint という名前で参照するようにしました

class ViewController: UIViewController {
    @IBOutlet weak var purpleViewCenterYConstraint: NSLayoutConstraint!

}

制約の値を、SafeAreaの高さの1/4に指定する

class ViewController: UIViewController {

    @IBOutlet weak var purpleViewCenterYConstraint: NSLayoutConstraint!

    var safeAreaHeight: CGFloat {
        return self.view.bounds.size.height - (self.view.safeAreaInsets.top + self.view.safeAreaInsets.bottom)
    }

    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()
        self.purpleViewCenterYConstraint.constant = self.safeAreaHeight / 4
    }

    override func viewSafeAreaInsetsDidChange() {
        super.viewSafeAreaInsetsDidChange()
        self.purpleViewCenterYConstraint?.constant = self.safeAreaHeight / 4
    }
}

画像では青と水色がSafeArea、赤とオレンジがViewController直下のViewの高さの1/4を示しています
縦画面のとき:
横画面のとき:

Comments

[bread_tabeyo]

お礼が遅くなってしまいましたが、ご回答ありがとうございました。今後、アプリのパーツ配置が複雑になってきたら、Storyboardをすっきりさせるのに試してみたいと思います！

[thyda.eiqau]

「まだ回答を求めています」とのことですが、すでに2つも実現可能が案が出ているので、それらを採用することができない理由を提示されたほうが、ほかの回答がつきやすいと思います。
現実的には他の手段といってもAuto Layoutを使わずにビュー描画・再描画のタイミングでサイズを変更するか、Auto Layoutをコードで設定するかの2択になるような気がしますが。