TextView实现消息小红点(BadgeView)

不知从何时开始，消息提示都以红点的方式出现了。①像这样的圆圈包着数字。今天我们来聊一聊如何实现……

这里不讨论拖拽特效，只实现显示效果，需要拖拽特效的可以看看github的开源项目badgeVIew

背景文件

在drawable文件夹下新建一个badge_bg.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false">
    <!--这里设置badge的颜色-->
    <solid android:color="@color/red" />

    <!--这里设置badge的大小-->
    <size
        android:width="20dp"
        android:height="20dp" />
</shape>

使用

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:gravity="center"
    android:textColor="@color/white"
    android:text="23"
    android:background="@drawable/badge_bg" />

这样就实现了一个简单的红点消息显示啦!