iOSのAutoLayoutってどうやって使うんだ？


iOSのAutoLayoutってどうやって使うんだ？ってなったので、調べてみる。

## スタート地点

* AutoLayoutってどのデバイスになってもレイアウトが崩れることなく自動で調整してくれる機能だよね？って認識からスタート

## 調査メモ

#### １．AutoLayoutってどう使うんだ？

[今度こそ克服するAutoLayoutの使い方・基礎編～SwiftからはじめるiOSアプリ開発:その5【初心者向けアプリ開発3分tips】](http://engineer.typemag.jp/article/ra-ios-tips06)
[xcode6でAutoLayoutでレスポンシブデザイン](http://qiita.com/teradonburi/items/94b89379aa5a0bfdc71d)

分かったこと：
・AutoLayoutとはviewオブジェクトに”制約”を追加していくこと
・制約には大きく２種類「align」、「pin」がある
・AutoLayoutの雰囲気w（いや、正直使ってみないと消化できない..）



## やってみた

* サンプルアプリを作成して、画面の真ん中にラベルを配置

![](https://lh3.googleusercontent.com/UypAJvX_tOiJ_urWDBqee1i_bMijqB9eeWLpcCQ_ZGQDzN9dkS2cqE8BMwiEXmUmP_LeeTYY-I-8mRpwyKKJIxG0_KdcbYv1NOkqyLAuFx80OoGuSonkCzUjDejB23KKxd8uXZKiA3UjoF70IdsSdG9TaQj_YYmY0mmL5T7sjyvZ8lj-ufD9_PNahv6lFa46ozpMs9_8LGKiISNKM2tfa4NBfwE94LoCNS3oX9XDhsSPONG00TgIO9HyPUbiMiuG9k51Aq9zlp59gnQ0lz6MSQMuiaH3kHI3SUEr9L0KnPQtIIHI2zpCxWDx76fMdw0dPBedJexR1wOMcNmFX9tD9H_f1C2n7FlcJDgmuSUd8fgwy_kgkFAbpqsUtsL4AzU1JLx9SJQO4bgzkYq5C5HcTHo0nPoqiJj-7axjWnhimxfThFNzRgrjTxQK3vzB0CP4COq3tb1jnZhNAl-7bhm-gX1x5SkeEwh2n4spgVSSjfmSAzL2DnNoxBhMJft-5bbi-ER9ToBxeVH12-wMAaef2cStSULW2XsHMv4q24-MlLc=w694-h400-no)

* シミュレータで見るとレイアウトが崩れとる！

![](https://lh3.googleusercontent.com/J4aazCauTmorn4i6mPPqAccNgPHvVw87ztcN58r2dNZ77Tr7_Yg08JkJuWJ-Xnx-qsfV4ltqMjU9JKErTLjkJu8nzGq-XxaZlnOLgxn38JyZsdSrmMlRoulhpbUfT4GDIaKwN1JrdEcfdWfI_kllzaAvg1KtdO9GgF_FPDtrroNGDlwa7C3Iay_LrxfXl62UN_XISxNnpbVBjMu6qqzfP1Gpsc2XkptC89HNoFA2z4vSx3omM8PKFehvZa3nbIeI6rq3mYbpvrmGZpFk60CtkRVsY9_i3LmV7toJ08cJv3PXbBtFU1qAe8QelCmdeYxA-76swyswFES4KsHtpX9utZoj8fSOCYeKsMZmQJRR1mun6mMgH8r9n2W7fnD4azUbghUPvg-MWnleEg_cliCMKiIQiXR0CgY7IhHP-xTtb9QgoIT7MXs-D3E-akY6hEgNyYRA8MrnMpdjDjnR3Wa0hvjuYbK1IENu4M3aAyZ2sQ1Yy1W5Rs2Xl9L3HhDPrVqHJo8_jCrEZUshj0rPlrnxtditytO_hkszO1meEx6eQfw=w164-h300-no)

* AutoLayoutで治る？！

→ 調査１.AutoLayoutってどう使うんだ？

|about|what|
|:--|:--|
|やりたい事|中央のラベルをiphone6で見たときも真ん中に表示されている状態|
|方針|Alignの制約を追加すれば、いけるんじゃね？|

やってみた→

![](https://lh3.googleusercontent.com/TcUIt6DXJYQIMIpCukCru320OX2y9C8RlQ26NgQAmFYYqbk46zd3G0bjfXgEEcuDq2z7ihJbOPBKJsrvetLcQggfCP6eNs0sAlt1bZmLDtCx2Bz4_7EUfI2SU63Wg8fNIj9UmCqUv9MjnAizcEd-L2SlFYGdFCQUejeoh3qqCDMeAM-X9sw6_VZICWqQeb-HrJRqX-959bX6URYfbeD3Gyp4rEVMT2_oPuk2B4xjh2oSZahqRsre2JHWqVWaiICNRduY0MVFmJkK4rHTG9gXBdnEl-tkxY-sSYvWzOSs7SZFxxSzG4Vg2QXk1amZ1qEraWtQqHHgT0QN7X5RYpzPsSiGwzcvy5OQOMuQN40-WEKyHKnSTdyM3Q1MFys3UpNLJ6GoVvA-CcRA50Nm0COaNxWGA8_4GbYVZSlSSqYdS-WCaC7ExAIQcsW_8rlQcfT17WY1PMmxnk-2mV1hkICF7WXXYgas3E8erAR0Z4tKa08ojbm1WVTQnPD7zRv2BNE8PoOER3Hg1bc7MTdAHhpYMXsk8eySbFbf1qfl3NWmfY8=w221-h166-no)

これだけ。

結果。

![](https://lh3.googleusercontent.com/sePExlOWPHqJGYCdreN7I4GnAtJiLHb7CaYOqIoKROvpsNV-QP8vtZbV5uaBt1qC-nAqHe1z2aZ1yRVbMxp0JbkaY9EYBZCm3xE1WdLqk3vBjcAP_ev3xkmOKvpFFBdlJOL3vnMT36KJH4D3p_E-MCqanjLsfywcxMZ9bOqPt0v8KxTGatyKIHIENnzhKyJdNp3F19E869Qye5UtAbcYZWZyLc2uo_JBhUXiqjq3lD3YjF1f7ixGMG3N4tdaFkhaCzmnk-lHGSI55JAgSRUEUCppbCGH-9ZlczWMqkvLMoRrzqpMff2L-9XkQZUnJ828FsswqyJQPd-hf-6zCXlXDiaEnzFCEUPGPR2S5ArKAlWPrklCXu7AZCOC7UvOpzxnnlnk8cwfpgXG4WaJAFWlgyL32pHAWm66cacdM-H1C18LaWI8_TzSiWoOuFPS-AxNP0JdGlDRdL6PD4xIqmW4EhVzVKjmm0KotfsQeqaGmbfmABH3gPFcJOme-Kf-wvbN4-XOC2yNA91TpFp4LAtQ9xBWrnu7Z8-4rSVDF2XqOz8=w192-h350-no)

余は満足じゃ。

## 結論

結論：「最初の認識はそんなに間違ってなかった」
ただ、実戦で使うためにはなにもかも不足してるので後は実戦あるのみw
なんでもそうだけど、ある程度世界観を感じたら”勉強”するより”実戦”して苦しみながらやる方が習得が早い！
（激ハマりして、AutoLayoutを嫌いになったらやっとスタートラインなんだろなw）