CODEWITHSUNDEEP
autolayout
Susim Samanta
Susim Samanta

Reputation: 1593

Dynamic chat bubble using autolayout

I am developing an application like iMessage.I would like to UI same like iMessage chat bubble work. I developed table view cell with auto layout.I have below table cell with UIImageView and UILabel.

enter image description here

UIImageView contain bubble image with resizableImageWithCapInsets. Right now everything is working fine except if text is small string then chat bubble is showing throughout the screen. so I would like to set constraints in such a way that my image view width will be according to label text. So if Label text is small then it will be small width image So it will be resizable according to width of label text. Any idea?

Current output:

enter image description here.

Upvotes: 1

Views: 1007

Answers (1)

Susim Samanta
Susim Samanta

Reputation: 1593

I was thinking about my problem and researching on it and found below solutions. Posting it if it helps other.

So make it dynamic width based on text I put another blank label on right hand side and add constraints with it relative to left hand side controls(image view and label). Below is my final layout of constraints. Then it's working as expected.

enter image description here

Output Screen shot : enter image description here

Upvotes: 1

Related Questions