2つ目のIOSアプリケーションのAutoLayout周りXCode5.1に読みかえ

#２つ目のIOSのAutoLayoutを設定する63ページ付近ですが詰みません？
ここ２日ほど以下で悩んでいたため63ページあたりで停滞してました。
ちなみに2つ目のIOSアプリケーションというのはこれです。
Appleのチュートリアル:[2つ目のIOSアプリケーション](https://developer.apple.com/jp/devcenter/ios/library/documentation/SecondiOSAppTutorial.pdf)

![スクリーンショット 2014-07-11 20.20.44.png](https://qiita-image-store.s3.amazonaws.com/0/43688/aac76ba7-3232-28a6-ddd0-9d5bc59beaac.png)

 
これができない

 - 自動で大きさが変わるラベルおおきさかわらなくね？
 - ラベルとテキストフィールドの間のスペース変わらなくね？
 - そもそもXcodeのUIが違うじゃないか。

ようやく解決したのでやり方を共有します！xcode玄人の人からしたら失笑ものなのかもしれませんが・・・解決できたのがあまりに嬉しいので！

#ツールの使い方が変わっているようだ！
順に説明するよ

##LabelとTextViewのSize設定

###LabelのContent Hugging Priority Horizontalを999
![スクリーンショット 2014-07-11 20.23.38.png](https://qiita-image-store.s3.amazonaws.com/0/43688/77a4978a-67f0-8da9-e207-05c842d75f21.png)

ここまではOKですよね。

問題はこの後。

![スクリーンショット 2014-07-11 20.24.26.png](https://qiita-image-store.s3.amazonaws.com/0/43688/e660c1ca-a91c-15aa-19ff-15e7b0018d9a.png)

これ。
`Content Hugging Priority` 設定できねーじゃん！
わかります。

ラベルを選択してResolve Auto Layout Issuesメニューを開きます。
Resolve Auto Layout Issuesボタンはcanvasの右下、真ん中の４つボタンがならんでいるところの右から2つめです。
メニューが表示されたらAddMissingConstratinsを押します。
![スクリーンショット 2014-07-11 20.25.27.png](https://qiita-image-store.s3.amazonaws.com/0/43688/01ac2467-7bd0-32e7-8530-84930fc4be82.png)

はい！出ました！
Horizontalに999入れます。

![スクリーンショット 2014-07-11 20.25.49.png](https://qiita-image-store.s3.amazonaws.com/0/43688/c6ff0531-fb1b-7a30-3ba2-4ed22ec2de52.png)

ためしに文字列を長くしてみましょう。

LabelのAttributeからTextを選び、`LabelTest`とか入力してみましょう。
そうすると。

![スクリーンショット 2014-07-11 20.34.19.png](https://qiita-image-store.s3.amazonaws.com/0/43688/cbddc299-c5b4-356c-6d1e-b108bbefd94f.png)

こんな感じになります。
`La・・・`という表記で先が読めませんね。
ですが、実はAutoLayoutはこの状態できいています。
赤い枠がAutoLayoutが適用された場合に変更されるViewの位置とサイズです。
適用させるには。

またまたIssuesメニューを開きます。
![スクリーンショット 2014-07-11 20.37.25.png](https://qiita-image-store.s3.amazonaws.com/0/43688/af8a11d6-dd63-db54-6555-457fa8393398.png)

選択するときに画像のような感じでメニューが有効になってない場合はラベルをクリックしなおしてください。
`UpdateFrames`をクリックするとViewが更新されLabelTest全体が見えるようになります。

![スクリーンショット 2014-07-11 20.39.50.png](https://qiita-image-store.s3.amazonaws.com/0/43688/a19dd302-5c9a-a430-e9dc-df1726fdd939.png)

これでできましたね。

###TextFieldのWidthConstratintの設定

先ほどと同じようりょうでAutoLayoutのIssuesメニューからAddMissingConstratinsしてください。
そうすればConstrationsのWidthが表示されますので、後は2つ目のIOSアプリケーションのドキュメント通り設定すればOKです。

##２つのView間のHorizontalSpaceConstraintの設定

ドキュメントの通りPinのメニューを開いて`Horizontal Spacing`を選べません。
どうやらPINの設定方法が変わったようです。

AutoLayout Issuesメニューの隣に中央が`+`のボタンがあります。
ここで周囲のViewとのSpacingを設定できます。
**TextField**のみを選択してこのボタンを押してください。
下の画像のようなメニューが開きます。

![スクリーンショット 2014-07-11 20.51.52.png](https://qiita-image-store.s3.amazonaws.com/0/43688/997516db-2ffd-54bd-8b7f-d29accd9959d.png)

一番上にある4方向のなにかを決める図形っぽい。
`spacing to nearest neighbor`を注目してください。
上下左右に'|-|'こんな形の図形が伸びていて左のみ破線ではなく実線になっています。
そして`Standard`が左側だけ選ばれています。
この状態になるように操作してくだい。破線の図形はクリックすることで実線になり設定が有効になるようです。

操作すると`Add 1 Constraint`というボタンが下に出ています。
これをクリックすることでLabelの端までTextFieldが伸びる制約をつくれます。

先ほどのLabelの時と同じように赤い線で本来のビューの位置とサイズが表示されていると思いますので、同じようにIssuesメニューからUpdate Frameすれば、ドキュメントでこうなっているはずですと言われた状態になっているハズです。

#まとめてUpdateFrameするには？

このあとコピペしてラベルを`BirdName`と`Loacation`に変更します。
変更するとLabelとTextField両方ともUpdate Frameしなくてはならないのですが面倒ですね。
その場合はViewを内包している上位の要素を選びIssuesメニューを開くと
Update All Frames in ○○になるみたいなので押してみるとまとめて変更されます。
Table View Cellを選んだ場合は以下の画像のように表示されます。

![スクリーンショット 2014-07-11 21.01.43.png](https://qiita-image-store.s3.amazonaws.com/0/43688/c0c6ad63-f752-901c-a68a-48198b63da8d.png)

ということでこれで無事次にすすめます！
こんなところで詰みそうになるのは僕だけなのかもしれないですが。。。