自動レイアウトを使用した動的チャットバブル

Question

iMessageのようなアプリケーションを開発しています。私はiMessage chat bubble workのようなUIを使いたいと思います。私は自動レイアウトでテーブルビューセルを開発しました。私はUIImageViewとUILabelで表の下にセルを持っています。

UIImageViewはresizableImageWithCapInsetsでバブル画像が含まれています。テキストが小文字で、チャットバブルが画面全体に表示されている場合を除き、今はすべて正常に動作しています。そこで私は画像の幅がラベルのテキストに従うように制約を設定したいと思っています。ラベルテキストが小さければ、それは小さな幅のイメージになりますので、ラベルテキストの幅に応じてサイズ変更可能になります。何か案が？

電流出力：

。

Answer 1

私は自分の問題について考えており、それについて研究し、解決策を見つけました。それが他の人を助けるならばそれを掲示する。

テキストに基づいて動的な幅にするもう一つの空白のラベルを右側に置き、左側のコントロール（イメージビューとラベル）に対して相対的な制約を加えます。以下は私の最終的な制約のレイアウトです。その後、期待どおりに動作しています。

出力画面ショット：uilabel上