使用RelativeLayout给ImageView添加角标

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

点击(此处)折叠或打开

1. RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     tools:context="${relativePackage}.${activityClass}" >
   
6. 
   
7.     ImageView
   
8.         android:contentDescription="wait scan image"
   
9.         android:id="@+id/ivButton"
   
10.         android:layout_width="wrap_content"
    
11.         android:layout_height="wrap_content"
    
12.         android:src="@drawable/waitscan" />
    
13. 
    
14.     TextView
    
15.         android:layout_width="30dp"
    
16.         android:layout_height="30dp"
    
17.         android:gravity="center"
    
18.         android:layout_alignParentTop="true"
    
19.         android:layout_alignRight="@+id/ivButton"
    
20.         android:background="@drawable/circletext_bg"
    
21.         android:text="5"
    
22.         android:textSize="20sp"
    
23.         android:textColor="@android:color/white" />
    
24.  
    
25. /RelativeLayout>

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

点击(此处)折叠或打开

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