Android进阶UI之BadgeView(数字提醒)

1 概述

QQ、微信等app中如果有消息或者提醒的时候，就会展现给用户一个红点或者带有数字的点。电商类app购物车会显示加入购物车商品数量。

2 badgeview中常用的方法

1. setTargetView(View) --> 设置哪个控件显示数字提醒，参数就是一个view对象
2. setBadgeCount(int) --> 设置提醒的数字,setBadgeCount(0)隐藏
3. setBadgeGravity(Gravity) --> 设置badgeview的显示位置
4. setBackgroundColor() --> 设置badgeview的背景色，当然还可以设置背景图片
5. setBackgroundResource() --> 设置背景图片
6. setTypeface() --> 设置显示的字体
7. setShadowLayer() --> 设置字体的阴影
8. setBadgeMargin();//设置边界
9. 实际上BadgeView这个类就是继承TextView的。很多TextView中设置字体的方法都适用于BadgeView。

3 常用例子

        /**
         * 画一个vip徽章
         */
        BadgeView badgeView = new BadgeView(this);
        badgeView.setTargetView(tv);
        badgeView.setText("V");
        badgeView.setBadgeMargin(30, 10, 10, 10);//设置边界
        badgeView.setBackground(10, 0xFFFFA10C);//黄色

        /**
         * 图标右上角数字提示&使用特殊字体
         */
        BadgeView badgeView = new BadgeView(this);
        badgeView = new BadgeView(this);
        badgeView.setTargetView(imageView);
        badgeView.setBadgeCount(1);
        badgeView.setBackground(10, Color.RED);
        Typeface typeface = Typeface.createFromAsset(this.getAssets(), "fonts/MSYHBD.TTF");
        badgeView.setTypeface(typeface);

4 资源下载

ttf字体文件

badgeview.jar下载

5 拓展

GitHub控件之BadgeView（数字提醒）

BGABadgeView-Android