怎么做QQ、微信等消息气泡

主XML：

 <?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" >

     <ImageView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_margin="10dp"
         android:background="@drawable/round"
         android:src="@drawable/ic_launcher" />

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="right"
         android:layout_margin="3dp"
         android:background="@drawable/smallyuan"
         android:text="10"
         android:textColor="@android:color/white" />

 </FrameLayout>

橘黄色的圆圈：

 <?xml version="1.0" encoding="UTF-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="oval"
     android:useLevel="false">

     <!-- 背景填充颜色值 -->
     <solid android:color="#FFA500" />

     <!-- radius值越大，越趋于圆形 -->
     <corners android:radius="20dip" />

     <!-- 圆角图像内部填充四周的大小 ，将会以此挤压内部布置的view -->
     <padding
         android:bottom="3dip"
         android:left="3dip"
         android:right="3dip"
         android:top="3dip" />

 </shape>

上方气泡圆圈：

 <?xml version="1.0" encoding="UTF-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="oval"
     android:useLevel="false" >

     <!-- 背景填充颜色值 -->
     <solid android:color="#FF0000" />

     <!-- radius值越大，越趋于圆形 -->
     <corners android:radius="20dip" />

     <!-- 圆角图像内部填充四周的大小 ，将会以此挤压内部布置的view -->
     <padding
         android:bottom="3dip"
         android:left="3dip"
         android:right="3dip"
         android:top="3dip" />

 </shape>