1

添付画像のようにVerticalなStackViewの中に置いたViewの左右に10ポイントの空白を設けたいが、Conflicting Constraintsしてしまいます。

  • そもそも何故コンフリクトしているのかわかっていない
    • 自分が付けたのはView.leading = leading + 10 なので、何故 leading = View.leadingがいるのか理解できてない(おそらくStackViewのせいだと思いますが...)
  • 吹き出しにSelect or more constraints to delete: とあるので自分が付けた記憶のない leading = View.leading を選択して Delete Constraintsボタンを押そうとしたが、そもそもleading = View.leadingを何故かUI的に選択できない(チェックボックスが反応しない)

という状況です。

どうすれば左右に空白を設けることができるのでしょうか?

画像の説明をここに入力
 


画像の説明をここに入力

2 件の回答 2

2

UIStackViewに追加したビューの位置はすべてUIStackViewによって管理されます。ビューとUIStackViewに直接の制約を設定することはできません。

縦方向のUIStackViewなら横方向の位置は右/左/中央寄せ、幅いっぱいに広げる、の中から選ぶことになります。その設定と内部のビューのIntrinsicContentSizeによって位置が決定します。

これを踏まえて期待通りの結果を得るには大きく2つの方法があります。

まずUIStackViewとスーパービューの関係としてLeading/Trailingに10ptの制約をつけることです。

画像の説明をここに入力

もう一つの方法として、UIStackViewの内部のビューを入れ子にしてUIStackViewに直接追加されたビューに対して制約をつけることです。

UIStackViewとビューに制約をつけることはできませんが、入れ子のビューとビューにはいくらでも制約をつけることができます。

どちらを使用するかはケースバイケースですが、後者の方法をマスターしておくと、UIStackViewとの組み合わせて表現できるレイアウトの幅がかなり広がり、応用力が身につきます。

画像の説明をここに入力

0

stackviewのalignmentをcenterにすれば解決します

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。