怎么做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>