Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Creating a "chat bubble" on the iPhone, like Tweetie

Just curious, did I overlook somewhere in the API to display a chat bubble type image as found in the iPhone's SMS application? There's a few applications out there that use bubbles that look verbatim to the iPhone's and I'm wondering if they're using a native widget or their own image.

This is also seen in the Tweetie application where the content of the tweets are.

like image 257
Coocoo4Cocoa Avatar asked Dec 09 '08 02:12

Coocoo4Cocoa


People also ask

How do you make a text message bubble?

To create a bubble for a conversation: Swipe down from the top of the screen. Under “Conversations,” touch and hold the chat notification. Tap Bubble conversation .

How do you make chat bubbles pop up?

1 To begin, navigate to and open Settings, and then tap Notifications. 2 Tap Advanced settings, tap Floating notifications, and then choose Bubbles. 3 Next, navigate to and open the Facebook Messenger app. 4 Tap your profile picture in the top left corner, and then scroll to and tap Bubbles.

What is bubble text app?

Bubbles let you read and reply to messages while you're using other apps. A bubble (a circle with your friend's picture) will pop up when you get a new message. To view and reply to the message without leaving the screen you're on, just tap the bubble.


2 Answers

I suggest using the stretch method they recommend for button images.

[UIImage stretchableImageWithLeftCapWidth:15 topCapHeight:13]

You can see a working example by downloading Twitterfon's source(it's on the FAQ page). You can see how they code a reusable control for it as well as example images for creating your own bubble.

Edit - Source is no longer available(NDA, possibly)

I put the image up here. You should be able to figure out the rest :)

like image 119
Jab Avatar answered Oct 31 '22 00:10

Jab


There is a video tutorial showing Jabs method here http://vimeo.com/8718829 it includes bubble graphics in many colours. Also the the twitterfon source is here https://github.com/jimpick/twitterfon

(these should be comments to jabs answer but I don't have high enough rating to comment)

like image 39
Grant M Avatar answered Oct 31 '22 00:10

Grant M