类似购物车小红点的实现-BadgeView使用

最新推荐文章于 2019-06-08 21:41:11 发布

原创

最新推荐文章于 2019-06-08 21:41:11 发布 · 3.2k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了如何使用BadgeView实现购物车或消息通知的小红点效果。BadgeView是一个自定义的TextView，提供了多种构造方法和丰富的配置选项。通过找到目标view并初始化BadgeView，可以轻松设置文字、背景、位置和动画。源码简洁易用，能满足大部分需求。

项目中经常会有这种需求，类似购物车或者消息有新的通知，今天看到geithub上有个非常不错的开源自定义View实现了这样的效果，代码简单，效果丰富，封装的非常好。感谢这样大神给我们提供如此方便的自定义view Author: Jeff Gilfelt

先看效果
这里写图片描述

思路：
1.首先是自定义BadgeView，其实是继承TextView，封装了很多构造方法；
2.使用也很简单，首先找到我们想放置的view控件，然后实例化BadgeView即可

具体来看几个：

1.比如就上图Position按钮，代码如下

btnPosition = (Button) findViewById(R.id.position_target);
        badge1 = new BadgeView(this, btnPosition);
        badge1.setText("12");
        badge1.setBadgePosition(BadgeView.POSITION_CENTER);//设置badgeView在target中显示的位置
        btnPosition.setOnClickListener(new OnClickListener() {
            @Ov