javaSEがiOSアプリデザイン、開発に挑む日記

本業java SEがswift、デザインの勉強したことを残しておくブログ

swift storyboardで画面サイズに合わせたviewのconstraints

複数機種で綺麗にレイアウトしたい時、

それぞれの機種に対してstoryboardファイルを作るか、コードの中でガリガリやらなきゃいけないかと思っていたら、やり方があった。

 

  1. 親viewに対してEqual Height(width)を指定
    1. 画面サイズに合わせて伸縮する辺を親viewと一緒に選択状態にしてEqual Height(width)を指定
    2. 指定したconstarintsのmultiplierを指定(3:2、とか比率で)
  2. viewにaspect ratioを設定
    1. 表示したい縦横比をmultiplierに指定

 

これで画面サイズに合わせて大きさが決まるviewができる。

 作ったアプリも直さないとなぁ...