Android实现小圆点显示未读功能

立即下载用AI写一个

发布时间：2018-07-10

10人 | 浏览：5972次 | 收藏 |

技术：android

运行环境：androidstudio

概述

封装一个工具类，一行代码实现仿微信，qq，未读消息小圆点功能

详细

####前言
以前我们实现这个功能都是用 BadgeView.java，大体就是将这个java类复制到自己的项目中，然后在项目中使用，今天讲的也是一款BadgeView，我将其封装称工具类Badgetor，下面作以讲解。

1. “新“BadgeView的优点
2. BadgeView 库的导入
3. BadgeView的封装类Badgetor
4. Badgetor在activity中的使用
5. 效果图和项目结构图

##### 一. “新“BadgeView的优点
今天要介绍的BadgeView相比于以前的BadgeView有以下优点：
1. 不需要引入大量的代码，直接引入库
2. 在设置小圆点相对位置的时候更加简单

##### 二. BadgeView 库的导入
需要导入库,在app的build.gradle中添加依赖：
```
//小圆点
implementation 'q.rorbin:badgeview:1.1.3'
```
若以上导入失败,可能是 implementation  关键字的原因，可改成以下代码重新导入：
```
//小圆点
compile 'q.rorbin:badgeview:1.1.3'
```
##### 三. BadgeView的封装类Badgetor的使用
我将 "新"BadgeView特性封装称一个工具类Badgetor，下面对其使用做以讲解。
######3.1 设置一个显示数字的小圆点
```
public void showNumPoint(View targetView, int count, Context context);
```
其中，targetView为你要设置显示小圆点的view。count为要显示的数字。
######3.2 获取小圆点上的数字
```
public int getPointNum();
```
######3.3 显示文字小圆点
```
public void showTextPoint(View targetView, String text, Context context);
```
######3.4 获取小圆点上的文字
```
public String getPointText()
```

######3.5 隐藏小圆点
```
public void hideBadgeView();
```
######3.6 打开拖拽消除模式并设置监听
注：只有当设置了拖曳监听才会有拖曳效果
```
public void setOnDragStateChangedListener(Badge.OnDragStateChangedListener listener);
```
######3.7 设置文字大小
默认文字大小为 8sp
```
public void setTextSize(float textSize);
```
######3.8 设置文字颜色
默认白色
```
public void setTextColor(int textColor);
```
######3.9 设置是否显示精确数值
默认不显示精确度，即当数字超过100的时候，在小圆点上显示 99+
```
public void setExactMode(boolean exactMode);
```
######3.10 设置BadgeView相对view的位置
默认为显示在tagetView右上角
```
public void setGravity(int gravity)
```
######3.11 设置外边距
默认外边距为 2dp
```
public void setOffset(float offset)
```
######3.12 设置内边距
默认内边距为 2dp
```
public void setPadding(float padding)
```
######3.13 设置背景色
默认背景色为红色
```
public void setBackgroundColor(int backgroundColor)
```
######3.14 设置背景图片
```
public void setBackgroundDrawable(Drawable backgroundDrawable)
```
######3.15 设置阴影
```
public void setShadow(boolean shadow)
```
######3.16 设置描边属性
```
public void setStoke(boolean stoke,int color,int width)
```
######3.17 设置是否开启隐藏动画
默认动画效果开启
```
public void setAnimate(boolean animate)
```
##### 四. Badgetor在activity中的使用
######4.1 在MainActivity中的使用样例
```
package com.android.testdemo.main;

import android.graphics.Color;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.android.testdemo.R;
import com.android.testdemo.base.BaseActivity;

import butterknife.BindView;
import q.rorbin.badgeview.Badge;

public class MainActivity extends BaseActivity{

@BindView(R.id.button1)
    Button mBtnText;
    @BindView(R.id.tv_test)
    TextView mTvTest;

@Override
    protected int getContentViewId() {
        return R.layout.activity_main;
    }

@Override
    protected void initData() {
        //设置文字大小8sp
        Badgetor.getInstance().setTextSize(8);
        //设置文字颜色
        Badgetor.getInstance().setTextColor(Color.parseColor("#ffffff"));
        //设置精确数值,只有设置数字的时候才生效,false时当数字大于99时显示99+，true时数字大于99时显示实际数字
        Badgetor.getInstance().setExactMode(true);
        //设置BadgeView相对mTvTest的位置,右上角
        Badgetor.getInstance().setGravity(Gravity.RIGHT|Gravity.TOP);
        //设置外边距2dp
        Badgetor.getInstance().setOffset(2);
        //设置内边距2dp
        Badgetor.getInstance().setPadding(2);
        //设置背景色
        Badgetor.getInstance().setBackgroundColor(Color.parseColor("#ff0000"));
        //不设置背景图片
        Badgetor.getInstance().setBackgroundDrawable(null);
        //开启动画效果
        Badgetor.getInstance().setAnimate(true);
        //显示数字
        Badgetor.getInstance().showNumPoint(mTvTest,190,MainActivity.this);
        //获取数字
        int count=Badgetor.getInstance().getPointNum();

//        //显示文字
//        Badgetor.getInstance().showTextPoint(mTvTest, "大家好", MainActivity.this);
//        //获取文字
//        String message=Badgetor.getInstance().getPointText();
    }

@Override
    protected void setListener() {
        mBtnText.setOnClickListener(this);

Badgetor.getInstance().setOnDragStateChangedListener(new Badge.OnDragStateChangedListener() {
            @Override
            public void onDragStateChanged(int dragState, Badge badge, View targetView) {
                //此处处理拖曳结束后的逻辑
                //......
            }
        });

}

@Override
    public void onClick(View v) {
        super.onClick(v);
        switch (v.getId()) {
           case R.id.button1:
               //隐藏小圆点
               Badgetor.getInstance().hideBadgeView();
               break;
           default:
               break;
         }
    }

}
```
######4.2 activity_main.xml布局
```
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.android.testdemo.main.MainActivity">

</android.support.constraint.ConstraintLayout>
```
##### 五. 效果图和项目结构图
>项目运行效果图

![](/contentImages/image/20180709/draDTkKnLzM7RbNa8Yu.gif)

>项目结构图

![](/contentImages/image/20180709/iAfn6a6QQHckwt2xYIV.png)

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

Android实现小圆点显示未读功能

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子