1

Xcodeのストーリーボードでメールアドレス登録フォームのレイアウトを組んでいます。
iPhone、iPad対応のレスポンシブデザインにしていきたいのですが、下記内容が実現できません。

■ 実現したい事

  • UITextFieldのwidthは親Viewの80%とする ←iPhone用
  • UITextFieldのwidthの最大値は400ポイントとする ←iPad用

といった設定を行いたいです。
iPhoneでの表示は、横幅ほぼ一杯までUITextFieldを広げるが
iPadでの表示の際は横幅を400ポイントを最大値とするレイアウトにしたいと考えております。

■ 質問内容
UITextFieldのwidthは親Viewの80%とする為に
Equal Widths ConstraintでMultiplier 0.8で設定した上で、
widthの最大値を設定するにはどうすれば良いのでしょうか?

現在の設定

コードで実行時に画面サイズを取得した上で分岐を書く以外に
ストーリーボード上で上記設定を行う方法はあるのでしょうか?

アドバイスいただけると幸いです。
何卒宜しくお願い致します。

10
  • 後は普通にUITextFieldに最大幅の制約を追加すれば良いだけのように思えるのですが、それでは何か問題なのでしょうか?それともXcode上で最大幅制約を追加するやり方がわからないと言うご質問でしょうか?
    – OOPer
    Commented 2018年4月14日 16:19
  • ご回答いただきありがとうございます。わかりにくい質問内容で申し訳ありません...。UITextFieldのwidthは親Viewの80%とした上で、最大幅制約を追加する方法がわからない状態です。同一のオブジェクトに対して複数のwidthの制約を設定する事は出来るのでしょうか?
    – Tomy
    Commented 2018年4月14日 16:35
  • 単純な最大幅の制約と親ビューなどに対する幅制約とは異なる形になります。親ビューに対する幅制約とは別に最大幅制約をつけることができますが?
    – OOPer
    Commented 2018年4月14日 16:40
  • ありがとうございます。 "親ビューに対する幅制約とは別に最大幅制約をつけること" これがまさに私の今、実現したい事です。こちらのやり方をご教授いただけると大変助かります...。
    – Tomy
    Commented 2018年4月14日 16:43
  • こちら自身で調査しきらずに、質問する事は失礼でした。大変申し訳ございません。まず"親ビューに対する幅制約とは別に最大幅制約をつける方法"をネット上で検索するなど探してみます。もし解決出来なかった際には、再度質問させていただけると幸いです。
    – Tomy
    Commented 2018年4月14日 16:50

1 件の回答 1

1

解決致しました。

一つのオブジェクトに対して、widthの制約を複数つける事が出来ないと思っておりましたが、下記手順で実現出来ました。

  1. 最大幅(Less Than or Equal)を400に設定
  2. 親Viewの0.8倍の幅に設定
  3. Priorityの値を「最大幅400」 > 「親Viewの0.8倍」に設定

Priorityの概念が理解出来ていなかった為に、同じオブジェクトに複数の幅制約を追加する事が出来ないとものと思っておりましたが、いただきましたアドバイスのお陰で実現する事が出来ました。
ありがとうございました。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。