『AutoLayout』についてメモしていきます。共有:AutoLayoutとは??ざっくり言うと見た目をどのようなデバイスにも対応できるようにするためのものです。iphoneにも様々なバージョンがあり、それぞれ画面のサイズが異なります。ボタンやテキストの大きさはデバイスによって変更しなければなりません。そこで便利なのがAutoLayoutなんです!!それでは、始めていきたいと思います。新しいプロジェクトを立ち上げて、StoryBoardを開いてください。このようにUILabelを左上に配置してください。constrains]ここでAutoLayoutの出番です!配置したUILabelを選択した状態で画面右下にある、ボタン群の右から二つ目をクリックしてください。このような画面が出てくると思います。・選択したUIのwidth(横幅),height(高さ)などを指定することができます。他にもありますが今回は紹介をスルーします。今回は『選択したUI(今回はUILabel)と他のUI(今回はview画面の枠)との距離』をメモします。このように設定しましょう。『上から20、右から20、左から20のところに配置してください』という制約をつけます。すると、このように、点線が実線になると思います。Constraints』をクリックして制約を設けてください。すると、StoryBoard上のViewControllerがこんな感じになっていると思います。オレンジ色の線がたくさん出てきました。その中に点線の枠があるはずです。それは『制約に則って考えると、UILabelがこのオレンジの点線のところに来るはずだよ!』と言われているのです。そのオレンジの点線に合わせましょう!一番左のボタンをクリックしましょう。制約に合わせて、UIの大きさを変更する!という意味です。変わりましたか?今のままだと変化がわかりづらいので、UILabelに色をつけましょう。UILabelを選択した状態で、backgroundをいじりましょう。!UILabelは変化していましたか??こうなるはずです!なぜwidthが伸びたのか上から20、右から20、左から20のところに無理やり合わせるので結果としてwidth(横幅)が伸びました!!もしも、下からの部分にも制約を設けたら、height(高さ)にも変化が加わります。基礎ささお3年目iOSエンジニア。スタートアップで働いておりやす。プログラミングスクールとエンジニアのキャリアを考えたい。*メールアドレス(公開はされません。簡単な自己紹介ささお2年目のiOSアプリエンジニア。プログラミングスクールに通い、プログラミングスクールで講師を経験したのち、スタートアップに就職。プログラミングスクールとエンジニアのキャリアを考えたい。普段は渋谷あたりにいます。教育に興味があります。キャリアを考えないとなぁ。ささおのTwitter初めてのフリーランスにポテパンは登録がとにかく楽。ほんとに”魅力的なお仕事が多数”かは知らないけど、最初にごちゃごちゃ記入させない感じが好き。