QQ、微新消息冒泡

<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>