Xcode|StoryboardのAutoLayoutを使用してViewを比率で配置するHikaruApp三浦半島の海をみながら、の〜んびりとやってま〜す。第3弾はUIViewを比率で配置する方法です。比率?ピンときませんか?例えば、画面サイズ違に関係なくViewを上下4:6で配置したい時ありますよね、その願いを叶える方法です。今回は3個のViewを配置してみます。9.3.2UIViewを画面比率で分割配置する比率を設定する場所を忘れそうですが、Xcode|StoryboardのAutoLayoutを使用してラベルやボタンを均等に配置するとほとんど変わりませんので気楽にいきましょう。Viewを配置していきます。全体にUIViewを貼り付けます。Pinを押して上:0、左:0、右:0、下:20と入れてaddを押します。Viewの配置が完了しました。上側のView上側40%のViewを配置していきます。上側にViewをそれらしく置きます。pinを押して上:0、左:0、右:0と入れてAddを押します。Viewの順番で複数選択します。複数選択はcommandを押しながら選択です。Heights」にチェックを入れてAddを押します。Viewを選択します縦方向の比率を設定していきます。Framesを選択して綺麗に整えば配置完了です。さあ、次いきましょう!下側のView下側60%の領域に左20%右80%の2個のViewを配置します。左下のView左下に高さ60%、幅20%のViewを配置していきます。左下の方にViewをそれらしく配置します。pinを押して左:0、下:0のスペースを設定してAddを押します。View」の順番で複数選択します。複数選択はcommandを押しながら選択です。Heights」にチェックを入れてAddを押します。Viewを選択します。縦方向の比率を設定していきます。Heightの”Edit”をクリックしMultiplier:0.6(60%)を設定する。横方向の比率を設定します。Widthの”Edit”を押してMultiplierに0.2(20%)を設定します。Framesを選択して綺麗に整えば配置完了です。右下のView右下に高さ60%、幅80%のViewを配置していきます。それらしく右下にViewを配置します。pinを押して右:0、下:0のスペースを設定してAddを押します。View」の順番で複数選択します。複数選択はcommandを押しながら選択です。Heightsにチェクを入れてAddを押します。Viewを選択します。横方向の比率を設定していきます。WidthのEditを押してMultiplierに0.8()80%を設定します。縦方向の比率を設定していきます。Framesを選択して綺麗に整えば配置完了です。これで全てのViewの配置が完了しました。まとめうまくいきましたでしょうか?AutoLayout凄いでしょう!比率の値を入れる場所を忘れてしまいそうですがStoryboardが楽しくなる機能ですね。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。HikaruApp.。