Stretching an NSImage to make iMessage-like bubble

Question

I'm creating messenger, I have bubble:

I want to stretch it to something like this to add text:

How can I do it?

Thanks.

Answer 1

Use the NSDrawThreePartImage function to draw the bubble.

It takes three NSImages, so you will need to chop up your source image into three separate images—either in your image editor, or in code—and use those.

Answer 2

I have created a ditto iMessage like bubble using 4 UIViews. It is available in both code and XIB (UITableViewCell). It is highly customizable. You can change the color, font, font size, tail or no tail, etc. Do check it out here

https://github.com/kerrygrover/iMessageBubble