Storyboard/AutoLayout の履歴(No.4)

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

Storyboard

Tag: Storyboard/AutoLayout

目次†

関連ページ†

参考情報†

StackViewの基本†

• 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の活用†

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

手順†

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

Tips†

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

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

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

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