AutoLayoutには悩まされた
アプリ開発で、凄く苦戦したAutoLayoutですが
全て、ピクセル指定してたからたまに隙間がでたりして
わけがわからない。
そもそも、AutoLayoutなのにAutoじゃなくね？って思ったりもした。
先日やっと、画面との割合で指定する方法がわかったのでTipsします。
実際にやってみる
とりあえず、Testプロジェクトとか作って、Storyboardを開く
大本のViewの上に適当にUI配置
ボタンでやってみます
で、Viewとボタンを一緒に選択した状態で
Equal Widths と Equal Heights を選択してAdd
Constraintsが追加されてるので、選択してみる
詳細が表示されるので
First Item を 配置したUI
Second Item を 大本のViewに設定
なってない場合は
Reverse First And Second Itemを選択すると逆になる
Multiplierが1の状態で最大なので、0.5に設定すると
大本のViewのサイズの50％でボタンが表示されます
横幅が設定できたので縦も同じように設定してください
ボタンを選択して
綺麗に中央揃えにしてみると
で、Update Framesをおして
ジャーン！！
やったね、これで各画面でビルドした時にボタンの範囲がViewの50％で表示されます。