QBadgeView小红点的简单使用

这篇博客介绍了如何在Android中自定义小红点背景,包括设置白边和控制显示隐藏。通过使用QBadgeView库,作者详细展示了初始化过程,并提供了XML代码示例来创建矩形背景,同时讨论了显示小红点时需要注意的内边距问题。
摘要由CSDN通过智能技术生成

这是实现的效果,刚开始以为挺难的,不知道能不能自定义背景加那个白边,

网上找了些但是都比较老了,好多方法不能用了,这里自己写下,方便以后搬砖

写到最后发现,其实可以自定义背景,还挺简单的,

//小红点效果
    implementation 'q.rorbin:badgeview:1.1.3'
//初始化
Badge badge = new QBadgeView(this)
                .bindTarget(mMessageImage)//绑定显示控件,就是设置红点显示在哪个控件上
                .setBadgeNumber(100)//设置显示数字
                .setBadgeGravity(Gravity.END | Gravity.TOP)//设置显示位置
                .setBadgeTextSize(8, true)//设置字体大小,后边的true是指使用sp为单位
                .setBadgeBackground(getDrawable(R.drawable.base_a_little_red_dot));//设置自定义背景,白边就是在这加的

base_a_little_red_dot(本来设置的 hsape = 'oval' 但是他拉长后变椭圆了..)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/base_colorD23A3D" />

    <size
        android:width="10dp"
        android:height="10dp" />
    <!-- 圆角 -->
    <corners android:radius="50dp" />

    <stroke
        android:width="1dp"
        android:color="@color/base_colorFFFFFF" />
</shape>

隐藏小红点

 badge.hide(true);//true 是否显示消失动画

显示小红点(重新设置下数量就出来了)

badge.setBadgeNumber(100);

对了,显示小红点的控件记得留点内边距,不然会挤不下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值