Cell内のテキスト等を上寄せにしたい時のTips

Cell内の説明文が中央寄せになってしまう...コマッタ!! よくあります。
そんな時には、テキスト関連をStackViewで構成すると良さそうです。

👇は、画像とテキストで構成されたCellですが、右側のテキスト関連はひとつのStackViewの中に納めて、 StackViewのTopとBottomを画像のTopとBottomに合わせるように制約を追加しています。

ただこうすると、StackViewが画像の高さ分広がってしまい不恰好だし制約エラーも出てしまっています。

f:id:muchan611:20200419115142p:plain

そんな時におすすめなのが、Bottomの制約を「Less Than or Equal」にすること。
こうすれば、画像のBottomを超えないようにしつつ、StackViewの高さがUILableの内容に合わせて伸縮してくれます。

f:id:muchan611:20200419115219p:plain

↓変更後

f:id:muchan611:20200419115258p:plain

いい感じに上寄せできました😊

f:id:muchan611:20200419115312p:plain

以上、UITableViewCellのテキスト等を上寄せにしたい時のTipsでした!