使用RelativeLayout给ImageView添加角标

本例的主要布局文件是完成在一个ImageView的图片右上角添加红色背景白色字体的圆形角标。
主布局文件如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <ImageView
        android:contentDescription="wait scan image"
        android:id="@+id/ivButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/waitscan" />

    <TextView
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:gravity="center"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@+id/ivButton"
        android:background="@drawable/circletext_bg"
        android:text="5"
        android:textSize="20sp"
        android:textColor="@android:color/white" />

</RelativeLayout>

红色背景圆形文本框的资源文件circletext_bg.xml的内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<stroke android:width="1px" android:color="@android:color/holo_red_dark" /><!--边框颜色-->
<solid android:color="@android:color/holo_red_dark" /><!--填充色-->
<corners android:radius="15dp" />
</shape>
</item>
</layer-list>