####前言

以前我们实现这个功能都是用 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布局

```

```

##### 五. 效果图和项目结构图

>项目运行效果图


>项目结构图