使用TextView实现消息提醒（徽章控件）

效果:  但是如果为111，显示效果会变形 不知道怎么办？



布局文件: 一定要注意最外层的相对布局的长宽参数设置，背景图片也可以使用shape实现。  margin为负值 其实是向图片中心点移动

<RelativeLayout
android:layout_marginTop="20dp"
android:layout_width="68dp"
android:layout_height="68dp">

<ImageView
android:id="@+id/iv_activity_message_list_item_icon"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_centerInParent="true"
android:gravity="center"
android:src="@drawable/app_icon" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="-12dp"
android:layout_marginLeft="-12dp"
android:layout_above="@id/iv_activity_message_list_item_icon"
android:layout_toRightOf="@id/iv_activity_message_list_item_icon"
android:background="@drawable/activity_my_center_circle_bg"
android:text="11"
android:gravity="center"
android:textColor="#ffffff"
android:textSize="10sp" />
</RelativeLayout>

使用shape图形实现：

android:shape=["rectangle" | "oval" | "line" | "ring"]  [ˈrektæŋgl]

shape的形状，默认为矩形，可以设置为矩形（rectangle）、椭圆形(oval)、线性形状(line)、环形(ring)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#d23232" />
<stroke
android:width="1dp"
android:color="#ffffff" />
<corners android:radius="360dp" />
<size
android:width="14dp"
android:height="14dp" />
</shape>