Storyboard/AutoLayout

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を選択する。
• 個別に幅を指定する。

トラブルシューティング†[edit]

UIImageViewがうまくレイアウトできない†[edit]

• ios - Autolayout UIImageView without image - Stack Overflowを参照。
• 画像を設定していないUIImageViewだとintrinsicContentSizeが-1,-1を返してきてうまくレイアウトできないらしい。UIImageViewのContentModeでCenterなどを使うほうがいいかも？

Contents

メニュー

• about
• blog
• blog(はてな)

配布物

• FaEdit
  • ヘルプ
  • BugTrack
• WikiHelpMaker
  • ヘルプ
  • BugTrack

ゲーム

• 時のオカリナ3DS
• ドラゴンズドグマ
• スプラトゥーン2
• DQB2
• ジョイコン

ショートカット

• 用語集A-Z
• 用語集ア-ワ

最新の20件