Storyboard/AutoLayout の履歴(No.4)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Storyboard/AutoLayout へ行く。
  • 1 (2016-11-08 (火) 13:43:48)
  • 2 (2016-11-08 (火) 13:59:00)
  • 3 (2017-01-06 (金) 15:56:09)
  • 4 (2017-01-08 (日) 15:20:24)

Storyboard

&tag(Storyboard/AutoLayout);

目次†[edit]

関連ページ†[edit]

参考情報†[edit]

StackViewの基本†[edit]

• StackViewを賢く使ってらくちんAutoLayout - Qiita…図がついていてわかりやすい。
• 遅ればせながら UIStackView 入門 - Qiita…これも図がついている。
• 【Swift】Horizontal Stack Viewの使い方。部品を横一直線に並べる入れ物。 | はじはじアプリ体験記
• 基本。StackViewをコンテナと利用して内部に配列できる。
• 直接AutoLayoutを使う場合よりも簡単。
• Axis、Alignment、Distribution、Spacingで設定する。
• Fill Proportionallyは、コンポーネントの独自サイズをもとにリサイズする？
  • Auto Layout Guide: Views with Intrinsic Content Sizeに詳細な情報あり。

StackViewの活用†[edit]

• AutoLayoutだけでレイアウトすると制約が複雑になるのでStackViewを使うと便利。

手順†[edit]

• 【Swift】超便利StackViewの実践的使い方！まだAutoLayoutで消耗してるの？ - Qiita
• 普通に部品を配置。
• 内から外にStackViewをくっつけていく。
• 外側までStackViewで囲んだ後、それぞれのStackViewに余白などの制約値を追加していく。

Tips†[edit]

レイアウトガイドを表示する†[edit]

• Editor > CanvasのあとのShowなんとかで青い線を表示できる。

幅の異なるコントロールをStackViewに配置する†[edit]

• ios - How Can I have multiple widths and heights of subviews in a UIStackView - Stack Overflow
• StaciViewの設定で、Alignment CenterとDistribution Fill Proportionallyを選択する。
• 個別に幅を指定する。