Creación de una notificación de insignia similar a la del iPhone en Android

TODAS,

En todas partes miro veo una respuesta sobre cómo hacer que funcione para el icono de la aplicación. Mi situación es un poco diferente.

En mi programa tengo un ListView que muestra imágenes. Cada imagen está asociada con el objeto debajo.

Lo que quiero hacer es crear un diseño como en la notificación de la insignia del iPhone, pero para todas esas imágenes en la vista.

Tratando de preguntar a Google, encontré este enlace. El problema es que no funciona. Estoy probando en el teléfono LG Android con el kernel 2.2 y todo lo que veo es el pequeño punto rojo que ni siquiera se encuentra en la imagen en sí par de píxeles más alto ya la izquierda.

Aquí está mi código:

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageView android:id="@+id/user_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="@string/user_image_description" android:src="@drawable/placeholder" /> <TextView android:id="@+id/user_messages" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@id/icon" android:layout_alignBottom="@id/icon" android:background="@color/red" android:textColor="@color/silver" android:layout_marginLeft="-4dp" android:layout_marginBottom="-4dp" android:textSize="12sp" android:textStyle="bold" android:gravity="center" /> </RelativeLayout>

¿Puede alguien por favor mirar?

Traté de cambiar los márgenes, así como el tamaño del texto, pero no cambió nada.

Gracias.

Prueba de esta manera

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/main_widget" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginTop="20dip" android:focusable="true" > <ImageView android:id="@+id/icon" android:layout_width="60dip" android:layout_height="60dip" android:layout_marginTop="8dp" android:background="@drawable/logo" android:contentDescription="image" android:scaleType="center" /> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/icon" android:gravity="center" android:paddingLeft="3dp" android:paddingTop="10dp" android:shadowColor="#000000" android:shadowDx="1" android:shadowDy="1" android:shadowRadius="1.5" android:text="@string/app_name" android:textColor="#FFF" /> <TextView android:id="@+id/txt_count" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="-10dip" android:layout_toRightOf="@+id/icon" android:background="@drawable/badge_count2" android:contentDescription="badge" android:gravity="center" android:text="1" android:textColor="@color/White" android:textStyle="bold" android:visibility="visible" /> </RelativeLayout>

Crea drawable/badge_count2.xml archivo drawable/badge_count2.xml como a continuación

 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="@color/red" > </solid> <stroke android:width="2dp" android:color="#FFFFFF" > </stroke> <padding android:bottom="2dp" android:left="7dp" android:right="7dp" android:top="3dp" /> <corners android:radius="10dp" > </corners>

Salida:

Introduzca aquí la descripción de la imagen