Storyboard/AutoLayout の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Storyboard/AutoLayout へ行く。
• Storyboard/AutoLayout の差分を削除

#author("2017-01-08T15:20:24+09:00","default:wikiwriter","wikiwriter")
#author("2017-01-31T13:34:35+09:00","default:wikiwriter","wikiwriter")
[[Storyboard]]

&tag(Storyboard/AutoLayout);
*目次 [#n8b4028b]
#contents
*関連ページ [#n128b06f]
*参考情報 [#bb773db5]

*StackViewの基本 [#f4cdf863]
-[[StackViewを賢く使ってらくちんAutoLayout - Qiita:http://qiita.com/yucovin/items/ff58fcbd60ca81de77cb]]…図がついていてわかりやすい。
-[[遅ればせながら UIStackView 入門 - Qiita:http://qiita.com/tasanobu/items/6908c956b758547ccf6c]]…これも図がついている。
-[[【Swift】Horizontal Stack Viewの使い方。部品を横一直線に並べる入れ物。 | はじはじアプリ体験記:http://hajihaji-lemon.com/smartphone/swift/horizontal-stack-view/]]
-基本。StackViewをコンテナと利用して内部に配列できる。
-直接AutoLayoutを使う場合よりも簡単。
-Axis、Alignment、Distribution、Spacingで設定する。
-Fill Proportionallyは、コンポーネントの独自サイズをもとにリサイズする？
--[[Auto Layout Guide: Views with Intrinsic Content Size:https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/AutolayoutPG/ViewswithIntrinsicContentSize.html]]に詳細な情報あり。
*StackViewの活用 [#xa3d61bc]
-AutoLayoutだけでレイアウトすると制約が複雑になるのでStackViewを使うと便利。

**手順 [#y5778ff0]
-[[【Swift】超便利StackViewの実践的使い方！まだAutoLayoutで消耗してるの？ - Qiita:http://qiita.com/kinopontas/items/d08f84dbb711c5acbe28]]
-普通に部品を配置。
-内から外にStackViewをくっつけていく。
-外側までStackViewで囲んだ後、それぞれのStackViewに余白などの制約値を追加していく。

*Tips [#zd1e3c97]

**レイアウトガイドを表示する [#e61d654e]
-Editor > CanvasのあとのShowなんとかで青い線を表示できる。

**幅の異なるコントロールをStackViewに配置する [#e61efb41]
-[[ios - How Can I have multiple widths and heights of subviews in a UIStackView - Stack Overflow:http://stackoverflow.com/questions/34063668/how-can-i-have-multiple-widths-and-heights-of-subviews-in-a-uistackview]]
-StaciViewの設定で、Alignment CenterとDistribution Fill Proportionallyを選択する。
-個別に幅を指定する。


*トラブルシューティング [#dab23fec]
**UIImageViewがうまくレイアウトできない [#g6ed1b53]
-[[ios - Autolayout UIImageView without image - Stack Overflow:http://stackoverflow.com/questions/22252491/autolayout-uiimageview-without-image]]を参照。
-画像を設定していないUIImageViewだとintrinsicContentSizeが-1,-1を返してきてうまくレイアウトできないらしい。UIImageViewのContentModeでCenterなどを使うほうがいいかも？