ios - UIStackView コントロール内で UIView の高さを調整する

Question

iOS 9 SDK で UIStackView を使用しています。スタックビューの高さは 44 ポイントです。以下に示すように、StackView 内に UILabel と UIView があります。

ここで、緑のビューを 44 よりもはるかに小さくしたいと思います.. 20 のように。

UIStackView がないと、制約を壊しています:

[GT.BubbleView:0x14536610]   (Names: '|':UITableViewCellContentView:0x14536fd0 )>",
    "<NSLayoutConstraint:0x146b7300 GT.BubbleView:0x14536610.trailing == UITableViewCellContentView:0x14536fd0.trailingMargin>",
    "<NSLayoutConstraint:0x146c4000 'UIView-Encapsulated-Layout-Width' H:[UITableViewCellContentView:0x14536fd0(286)]>")

Answer 1

1. UIStackViewまず、追加する必要がありますcell

2. に制約を追加する必要がありますUIStackView

3. 調整するUIStackView

4. あなたUILabelのUIStackView

5. 次にUIView、あなたのUIStackView

6. green-UIViewサブビューのようなものをに追加pink UIView

7. これでカップル制約を追加できますgreen-UIView

8. シミュレーターまたはデバイスでアプリを実行できるようになりました

   の制約を追加していないことに注意UILabelしてください。

Answer 2

以下のような 20x20 の正方形を実現しようとしている場合:

次に、緑色のビューに別の UIView を追加するだけです。その UIView のサイズを 20x20pts にします。次に、小さいビューの背景を緑に変更し、大きいビューの背景をクリアに変更します。

とはいえ、このソリューションはスタックビューを必要とせず、UI が複雑になりすぎる可能性があります。代わりに autolayout を使用することをお勧めします。

スタックビューは、次の場合に最も役立ちます

1. デバイスの向きの変化を補正したい
2. たくさんのものを積み重ねたい、
3. 多くの要素を含む非常に複雑なレイアウトを作成したいが、繰り返し可能なパターンがある場合、または
4. 単に要素を削除したり、サイジング自体を修正して要素を追加したりしたいだけです

このリストはすべてを網羅しているわけではありませんが、いつ、なぜスタック ビューを使用するのかがわかります。

プロトタイプセルの外側

この動作は簡単です。ビューに制約を設定するだけです :

そして、スタックビューに制約を設定します:

これが役に立てば幸いです、乾杯！

Answer 3

制約違反の問題は、幅と高さの制約の優先順位を 800 以上に設定することで簡単に修正できます。

Answer 4

OPとは少し異なる問題にもかかわらず、他の人が見ることができるように、ここに回答を投稿したかったのです。

UIStackView を含む UIView のサイズを変更しようとしましたが、制約が壊れていました。スタックビューが表示されていることを示す関連情報があるかどうかに応じて、UIView の高さの制約を 0 から 66 の間で変更していました。

ビュー内のスタック ビューの上部と下部の制約を削除することで制約を破る問題を修正し、代わりに垂直方向の中央揃えに設定することができました。これにより、テーブル ビューでのスクロールがはるかにスムーズになりました。