制約が異なるデバイス間で整列しない

Question

最近、私の制約がデバイス間で整列していないことに気付きました。私はこれを解決するためにGoogleの方法を使い始めましたが、一部のデバイスを正しく配置することはできますが、他のデバイスは正しく配置できません。誰かが制約を正しく行う方法について私に説明することはできますか？デバイスの

画像：

Answer 1

私はこのような場合のためにStackViewを提案します。

1. すべてのコンポーネントの高さ（電子メールフィールド、パスワードフィールド、ログインボタン、リセットボタン、アカウント作成ボタン）を設定します。画面に基づいて調整するので、デフォルト幅を設定しないでください。

2. 電子メールフィールド、パスワードフィールド、ログインボタンをStackViewに配置します。垂直方向に調整される2つのボタンがあるので、調整してください合理的なwidth.Add任意の距離を要素の間に追加します。次に、右上、左と右の制約を設定します。

3. アカウントのリセットボタンを作成し、スタックビューにアカウントボタンを作成します。要素の間に任意の距離を追加します。次に、下部、左、右の拘束を設定します。

4. 最初のスタックビューを選択します。コントロールボタンを押し、青い線を2番目のスタックにドラッグします。それらの間に垂直方向の拘束を追加します。