Android BadgeView 自定义样式及拖拽功能实现指南

昌雅子Ethen

于 2024-08-09 07:25:20 发布

阅读量943

点赞数 17

本文链接：https://blog.csdn.net/gitblog_00253/article/details/141044040

版权

Android BadgeView 自定义样式及拖拽功能实现指南

BadgeView支持自由定制外观、拖拽消除的MaterialDesign风格Android BadgeView项目地址:https://gitcode.com/gh_mirrors/ba/BadgeView

1. 项目介绍

关于 BadgeView

BadgeView 是一款针对Android平台设计的开源库，允许开发者自定义其外观并支持多种交互方式，如拖拽消除等。它采用了Material Design风格，提供了丰富的自定义选项包括位置、颜色、文本内容以及动画效果。

特性概览

高度可定制：包括 Badge 的位置、底色、边框、阴影、文字颜色（支持透明度调整）、大小、内边距和外边距。
显示逻辑灵活：当 Badge 数字小于0时显示为点，等于0时则隐藏；在普通模式下超过99将显示为"99+"，精确模式下则显示具体数值。
文本和图像支持：既可设定文本内容也可选择图片作为背景。
拖拽消除：类似于QQ消息未读数的消除体验，这一功能默认关闭但可轻松启用。
动态动画：支持通过动画方式来展示或隐藏Badge。

项目状态

目前此项目已被弃用且不再进行维护，因此不建议在生产环境中继续使用。

2. 快速启动

添加依赖

首先，在你的 build.gradle 文件中添加 BadgeView 的依赖：

dependencies {
    implementation 'com.github.qstumn:BadgeView:v1.1.3'
}

请注意，版本号可能需要根据最新的发布版本做相应的调整。

初始化 BadgeView

以下是如何在你的布局文件中使用 BadgeView 的示例：

<com.qrpr.orbin.badgeview.BadgeView
    android:id="@+id/badge_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:badge_count="5"
    app:badge_position="top_right"
    app:badge_text_color="#fff"
    app:badge_background_color="#ff4081"/>

接下来，在你的Activity或Fragment中查找并配置 BadgeView 实例：

import com.qrpr.orbin.badgeview.BadgeView;

//...

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 找到 BadgeView 控件实例
    BadgeView badgeView = findViewById(R.id.badge_view);

    // 设置 Badge 中的计数器
    badgeView.setCount(10);

    // 设置 Badge 是否可见
    badgeView.setVisibility(View.VISIBLE);
}

//...