吹き出しをプログラムで作るのは難しいです。
プログラムで吹き出しを作成する場合、一般的には、画像を分割しておいて、その画像を中のテキストの大きさに応じて
変化させ、吹き出し画像を作成すると思いますが、Androidには、とても便利なクラスが存在するのです！
それは、NinePatchDrawableというクラスです。このクラスを使えば、吹き出しの元画像は1枚で、かつ簡単に吹き出しを作成する事ができます！

まず、画像を用意します。
元画像は、以下のようなものを使用します。

見てわかるとおり、元画像と思わしき上下左右に、線が入っています。
上と左の線の部分が、画像がストレッチする（引き伸ばされる）領域になります。
下と右の線を引いた部分は、文字の書き込まれる領域になります。

また、画像名はxxxxx.9.pngのように、拡張子とファイル名の間に9を入れておきます。

次にNinePatchDrawableは、以下のように使用します。

package jp.co.techfirm.android.ninepatchdemo; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.drawable.NinePatchDrawable; import android.view.View; public class DemoView extends View { private Bitmap balloon; private Rect balloonRect; private final static String BALLOON_TEXT = "バルーンです"; private float textWidth; private float textSize = 20; private Paint mPaint; public DemoView(Context context) { super(context); balloon = BitmapFactory.decodeResource(this.getContext().getResources(), R.drawable.nine); // 吹き出しを表示する balloonRect = new Rect(50, 50, 300, 200); mPaint = new Paint(); mPaint.setStyle(Paint.Style.STROKE); mPaint.setColor(Color.WHITE); mPaint.setAntiAlias(true); mPaint.setTextSize(textSize); // テキストの横幅を取得 textWidth = mPaint.measureText(BALLOON_TEXT); } @Override protected void onDraw(Canvas canvas) { // super.onDraw(canvas); NinePatchDrawable nDrawable = new NinePatchDrawable(balloon, balloon.getNinePatchChunk(), null, null); nDrawable.setBounds(balloonRect); float textLeft = balloonRect.left + (balloonRect.width() - textWidth)/2; float textTop = balloonRect.top + (balloonRect.height() - textSize)/2; // バルーンを書く nDrawable.draw(canvas); // 文字を書く canvas.drawText(BALLOON_TEXT, textLeft, textTop, mPaint); } }

結果は、以下のようになります！画像が引き伸ばされているのがわかると思います！

また、ソース上からではなく、layout.xmlにて、以下のように書く事もできます。

<Button id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerInParent="true" android:text="ここを押して" android:textSize="30sp" android:background="@drawable/nine" />

こうすると、結果は以下の通りになります。

元画像で設定したパディングとストレッチの部分が反映されているのがわかると思います。
とても便利なので、ぜひ使ってみてください！

公式ドキュメントには、以下に詳しく書かれています。
http://developer.android.com/intl/ja/guide/topics/graphics/2d-graphics.html

関連する投稿

• 一覧画像は絶対Thumbnailで読み込むべし
• Android入門【第1回：タップを検知】