Xibビューとボタンを自動レイアウトと制約を使用してすべてのデバイスに合わせる方法

Question

私は最初にUIViewControllerが含まれている画像をInterface Builderで表示します（600x600 Any/Any Viewを使用）。

MainViewController

今のところ、ちょうどCラベルと再生ボタンをUIButtonを見てください。両方にAlign center x to: horizontalという制約を追加しました。私が持っているものをプレビューすると（表示されている他のビューやボタンについて忘れると）、2つのボタンは適切に中央に配置されます。しかし、私が異なるデバイスサイズを切り替えると、サイズが変わることはありません。それは意味があります。

私が欲しいのは、2つのボタンを比例的に円形に保ち、スーパービューを中心にして、デバイスサイズに応じてサイズとY位置を適合させる方法です。そのためにはどんな制約が必要でしょうか？私はあなたが画像で見るスポットにボタンが詰まっているのを望まないので、私はそれらをデバイスのサイズに適応させたい。

これについてさらにお話します。ゲーム「カラースイッチ」は、特定のyまたはx位置に制限されたビュー/画像/ボタン/ラベルを持つという点で制約を使用しているようには見えません。 5cから6sへ行くと、それはゲームの爆破されたバージョンを見るようなものです。上部のボタンとタイトルラベルは、各デバイスの同じ位置に制限されていません。

Answer 1

ボタンを最上位ビューの中央に配置し、幅をビューの幅に比例するように制約を作成できます。大きな画面では、ボタンは大きくなり、小さい画面では小さくなります。