How to make a thought bubble using basic graphics in iPhone

Question

Im creates various forms of speech bubbles using basic graphics.

However, I do not know how to make a thought bubble.

I made a Rounded Rectangle from a rectangle. Do I use the same method for

make a thought bubble or are there other ways?

Answer 1

I think you can use this as an initial guide and then build on it:

How to draw an oval speech bubble programmatically on iPhone?

Here is samfu_1 's answer from this post

I would do it in two iterations. First get the context and start the track. Fill an ellipse, and then a custom path that contains a triangle with three lines. I assumed the following sizes: 70 width, 62 height. Override draw rect in a subclass of UIView and create an instance in a subclassed UIViewController:

-(void)drawRect:(CGRect)rect { CGContextRef ctx = UIGraphicsGetCurrentContext(); CGContextSetRGBFillColor(ctx, 0.0, 0.0, 1.0, 1.0); CGContextFillEllipseInRect(ctx, CGRectMake(0.0, 0.0, 70.0, 50.0)); //oval shape CGContextBeginPath(ctx); CGContextMoveToPoint(ctx, 8.0, 40.0); CGContextAddLineToPoint(ctx, 6.0, 50.0); CGContextAddLineToPoint(ctx, 18.0, 45.0); CGContextClosePath(ctx); CGContextFillPath(ctx); } 

Does this in the iPhone simulator when added to a gray background:

This second code example almost duplicates what you produced above. I implemented this using flexible sizes that can be set to a UIView frame when you create it. Essentially, the white part of the speech bubble is drawn with a black line to follow.

 -(void)drawRect:(CGRect)rect { CGContextRef ctx = UIGraphicsGetCurrentContext(); CGRect aRect = CGRectMake(2.0, 2.0, (self.bounds.size.width * 0.95f), (self.bounds.size.width * 0.60f)); // set the rect with inset. CGContextSetRGBFillColor(ctx, 1.0, 1.0, 1.0, 1.0); //white fill CGContextSetRGBStrokeColor(ctx, 0.0, 0.0, 0.0, 1.0); //black stroke CGContextSetLineWidth(ctx, 2.0); CGContextFillEllipseInRect(ctx, aRect); CGContextStrokeEllipseInRect(ctx, aRect); CGContextBeginPath(ctx); CGContextMoveToPoint(ctx, (self.bounds.size.width * 0.10), (self.bounds.size.width * 0.48f)); CGContextAddLineToPoint(ctx, 3.0, (self.bounds.size.height *0.80f)); CGContextAddLineToPoint(ctx, 20.0, (self.bounds.size.height *0.70f)); CGContextClosePath(ctx); CGContextFillPath(ctx); CGContextBeginPath(ctx); CGContextMoveToPoint(ctx, (self.bounds.size.width * 0.10), (self.bounds.size.width * 0.48f)); CGContextAddLineToPoint(ctx, 3.0, (self.bounds.size.height *0.80f)); CGContextStrokePath(ctx); CGContextBeginPath(ctx); CGContextMoveToPoint(ctx, 3.0, (self.bounds.size.height *0.80f)); CGContextAddLineToPoint(ctx, 20.0, (self.bounds.size.height *0.70f)); CGContextStrokePath(ctx); } 

EDIT:

You can also link to Brad Larson Reply in this post

How to draw a “speech bubble” on iPhone?

Hope this helps you.

Let me know if you need more help.