android-底部tab添加消息数字

效果：

实现布局：

1.

导入依赖：

implementation 'de.hdodenhof:circleimageview:3.0.0'

2.

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1">

    <ImageView
        android:id="@+id/setting_alert"
        android:layout_width="25dp"
        android:layout_height="30dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="4dp"
        android:src="@drawable/alert" />

    <TextView
        android:id="@+id/txt_channel"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:drawablePadding="2dp"
        android:gravity="center|bottom"

        android:padding="0dp"
        android:text="@string/tab_menu_alert"
        android:textSize="16sp" />

    <RelativeLayout
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp">
        <de.hdodenhof.circleimageview.CircleImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:src="#f88" />
        <TextView
            android:textColor="#fff"
            android:text="1"
            android:textSize="10dp"
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"/>
    </RelativeLayout>
</RelativeLayout>