使用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.     ImageView
  7.         android:contentDescription="wait scan image"
  8.         android:id="@+id/ivButton"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:src="@drawable/waitscan" />

  12.     TextView
  13.         android:layout_width="30dp"
  14.         android:layout_height="30dp"
  15.         android:gravity="center"
  16.         android:layout_alignParentTop="true"
  17.         android:layout_alignRight="@+id/ivButton"
  18.         android:background="@drawable/circletext_bg"
  19.         android:text="5"
  20.         android:textSize="20sp"
  21.         android:textColor="@android:color/white" />
  22.  
  23. /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>


上一篇:在Hyper-V的Docker主机上使用Visual Studio Docker工具


下一篇:阿里云服务器ecs选择(地域+CPU+操作系统+带宽)