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

来源：互联网发布：js string转timestamp 编辑：程序博客网时间：2024/04/29 06:30

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

0 0