• Stars
    star
    2,652
  • Rank 16,625 (Top 0.4 %)
  • Language
    Java
  • Created almost 9 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Android 徽章控件

💗BGABadgeView-Android💗

Android Arsenal License Download

English Document

react-native-bga-badge-view

demo中演示了:

  • 微博底部tab显示最新微博条数
  • 微博列表用户头像显示显示右下角vip徽章
  • 微信消息界面用户新消息
  • 微信消息界面订阅号新消息
  • 使用v4包中的RoundedBitmapDrawable制作圆角头像
  • 拖拽删除徽章

爆炸效果参考的 ExplosionField 改成了只有一个View的情况,只刷新徽章附近的区域

效果图

badgeview

点击下载 Apk 或扫描下方二维码安装体验

Demo

添加 Gradle 依赖

  • maven { url 'https://jitpack.io' } 加入到 repositories 中
  • 添加如下依赖,末尾的「latestVersion」指的是徽章Download里的版本名称,请自行替换。
dependencies {
    implementation 'com.github.bingoogolapple.BGABadgeView-Android:api:latestVersion'
    annotationProcessor 'com.github.bingoogolapple.BGABadgeView-Android:compiler:latestVersion'
}

初始化徽章控件

  1. 在项目任意一个类上面添加 BGABadge 注解,例如新建一个类 BGABadgeInit 专门用于初始化徽章控件
  2. 需要哪些类具有徽章功能,就把那些类的 Class 作为 BGABadge 注解的参数「下面的代码块给出了例子,不需要的可以删掉对应的行」
@BGABadge({
        View.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeView,不想用这个类的话就删了这一行
        ImageView.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeImageView,不想用这个类的话就删了这一行
        TextView.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeFloatingTextView,不想用这个类的话就删了这一行
        RadioButton.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeRadioButton,不想用这个类的话就删了这一行
        LinearLayout.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeLinearLayout,不想用这个类的话就删了这一行
        FrameLayout.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeFrameLayout,不想用这个类的话就删了这一行
        RelativeLayout.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeRelativeLayout,不想用这个类的话就删了这一行
        FloatingActionButton.class, // 对应 cn.bingoogolapple.badgeview.BGABadgeFloatingActionButton,不想用这个类的话就删了这一行
        ...
        ...
        ...
})
public class BGABadgeInit {
}
  1. 再 AS 中执行 Build => Rebuild Project
  2. 经过前面三个步骤后就可以通过「cn.bingoogolapple.badgeview.BGABadge原始类名」来使用徽章控件了

接口说明

/**
 * 显示圆点徽章
 */
void showCirclePointBadge();

/**
 * 显示文字徽章
 *
 * @param badgeText
 */
void showTextBadge(String badgeText);

/**
 * 隐藏徽章
 */
void hiddenBadge();

/**
 * 显示图像徽章
 *
 * @param bitmap
 */
void showDrawableBadge(Bitmap bitmap);

/**
 * 设置拖动删除徽章的代理
 *
 * @param delegate
 */
void setDragDismissDelegage(BGADragDismissDelegate delegate);

/**
 * 是否显示徽章
 *
 * @return
 */
boolean isShowBadge();

/**
 * 是否可拖动
 *
 * @return
 */
boolean isDraggable();

/**
 * 是否正在拖动
 *
 * @return
 */
boolean isDragging();

自定义属性说明

属性名 说明 默认值
badge_bgColor 徽章背景色 Color.RED
badge_textColor 徽章文本的颜色 Color.WHITE
badge_textSize 徽章文本字体大小 10sp
badge_verticalMargin 徽章背景与宿主控件上下边缘间距离 4dp
badge_horizontalMargin 徽章背景与宿主控件左右边缘间距离 4dp
badge_padding 徽章文本边缘与徽章背景边缘间的距离 4dp
badge_gravity 徽章在宿主控件中的位置 BGABadgeImageView和BGABadgeRadioButton是右上方,其他控件是右边垂直居中
badge_draggable 是否开启拖拽删除徽章 false
badge_isResumeTravel 拖拽徽章超出轨迹范围后,再次放回到轨迹范围时,是否恢复轨迹 false
badge_borderWidth 徽章描边宽度 0dp
badge_borderColor 徽章描边颜色 Color.WHITE
badge_dragExtra 触发开始拖拽徽章事件的扩展触摸距离 4dp

关于我

个人主页 邮箱 BGA 系列开源库 QQ 群 GitHub 喵(专注于 GitHub 等一切与程序员有关的内容)
bingoogolapple.cn [email protected] BGA_CODE_CLUB GitHub喵

打赏支持

如果您觉得 BGA 系列开源库帮你节省了大量的开发时间,请扫描下方的二维码随意打赏,要是能打赏个 10.24 🐵就太👍了。您的支持将鼓励我继续创作:octocat:

如果您目前正打算购买通往墙外的梯子,可以使用我的邀请码「YFQ9Q3B」购买 Lantern,双方都赠送三个月的专业版使用时间🍻

License

Copyright 2015 bingoogolapple

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

More Repositories

1

BGAQRCode-Android

QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式
C
7,871
star
2

BGARefreshLayout-Android

多种下拉刷新效果、上拉加载更多、可配置自定义头部广告位
Java
4,313
star
3

BGABanner-Android

引导界面滑动导航 + 大于等于1页时无限轮播 + 各种切换动画轮播效果
Java
4,160
star
4

BGASwipeBackLayout-Android

Android Activity 滑动返回。支持微信滑动返回样式、横屏滑动返回、全屏滑动返回
Java
2,309
star
5

BGAPhotoPicker-Android

Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
Java
2,229
star
6

BGABaseAdapter-Android

在 AdapterView 和 RecyclerView 中通用的 Adapter 和 ViewHolder。RecyclerView 支持 DataBinding 、多种 Item 类型、添加 Header 和 Footer。RecyclerView 竖直方向通用分割线 BGADivider
Java
657
star
7

BGATransformersTip-Android

Android 通用 PopupWindow,再也不用找 UI 小姐姐切 .9 图片了,大致能为你节省 30 分钟的开发时间
Java
487
star
8

BGASwipeItemLayout-Android

类似 iOS 带弹簧效果的左右滑动控件,可作为 AbsListView 和 RecyclerView 的 item(作为 AbsListView 的 item 时的点击事件参考代码家的 https://github.com/daimajia/AndroidSwipeLayout )
Java
469
star
9

bga_issue_blog

Flutter 或 Vue 全家桶(Vue + VueRouter + Vuex + Axios)抓取 GitHub 上的 Issues,结合 GitHub Pages 搭建个人博客站点,支持 GitHub 登录和评论
Dart
270
star
10

BGAProgressBar-Android

带百分比数字的水平、圆形进度条
Java
252
star
11

BGATitleBar-Android

Android 仿 iOS UINavigationBar 风格的 TitleBar,适用于某些 UI 设计师只出 iOS 效果图的项目
Java
245
star
12

BGAFlowLayout-Android

Android 流式布局,可配置是否将每一行的空白区域平均分配给子控件
Java
202
star
13

BGAUpdate-Android

RxJava + Retrofit 下载新版 apk 文件,RxBus 监听下载进度
Java
194
star
14

AppInit

AppInit 是一款 Android 应用初始化框架,基于组件化的设计思路,功能灵活,使用简单。
Groovy
191
star
15

bingoogolapple.github.io

个人主页。同时也通过 Issues 记录学习笔记
HTML
86
star
16

BGACamera-Android

Android 相机开发学习笔记,参考 https://www.polarxiong.com/tag/camera
Kotlin
42
star
17

react-native-bga-badge-view

桥接 Android 中的自定义徽章控件到 React Native 的案例
Java
36
star
18

BGAAlertController-Android

仿写从 iOS8 开始支持的 UIAlertController
Java
34
star
19

BGARefreshLayoutDemo

测试 BGARefreshLayout 与 Activity、Fragment、ViewPager 的各种嵌套
Java
30
star
20

BGAWeiBo-Android

调用微博开放API模仿新浪微博Android客户端
Java
29
star
21

bga-back-top-vue

Vue-based back-top component 基于 Vue 2.x 实现的「滚动可滚动组件到顶部」的组件,支持多种自定义属性配置,以及通过 slot 插桩的方式深度定制 BgaBackTop 的内容。整个项目只需要在根组件中添加一次即可
Vue
29
star
22

BGAIndicator-Android

滑动指示器
Java
27
star
23

AndroidCustomViewPlayground

Android 自定义控件游乐场
Java
25
star
24

BGAOkVolley-Android

Volley+OkHttp+Gson
Java
24
star
25

HarmonyOS-Note

鸿蒙学习笔记
JavaScript
24
star
26

Graduation-Design

毕业设计
Java
20
star
27

bga-dart-full-stack-note

Dart 全栈开发学习笔记
JavaScript
18
star
28

BGAImageView-Android

Java
14
star
29

Meiqia-SDK-Android-UE-EC

Java
14
star
30

MediaNote-Android

Android音视频播放学习笔记
Java
12
star
31

BGAMenu

滑动菜单
Java
11
star
32

BGASelectView-Android

类似 web 开发中的 select 标签实现的级联效果
Java
11
star
33

bga-chrome-plugin-note

Chrome 插件开发学习笔记
JavaScript
10
star
34

BGAAnnotation-Android

Android Annotation
Java
9
star
35

XMPPNote-Android

Android平台XMPP学习笔记
Java
8
star
36

Android-Training

2013年android实训
Java
8
star
37

AndroidGameNote

AndroidGameNote
Java
7
star
38

PublishAar

发布Aar到Maven中央仓库和Bintray中
7
star
39

ControlToggleView

控制开关,点击开关后提供回调接口来处理是否执行某项操作
Java
6
star
40

NDKNote-AndroidStudio

AndroidStudio 版的 NDK 学习笔记
C
6
star
41

DataBindingNote

DataBinding学习笔记
Java
6
star
42

MaterialDesignSupportNote

MaterialDesignSupportLibrary学习笔记
Java
5
star
43

OCNote-PartOne

OC学习笔记第一部分
Objective-C
5
star
44

AndroidNote-PartOne

Android学习笔记
Java
5
star
45

RedEnvelope

过年期间自动抢支付宝红包
Java
5
star
46

SwiftNote-PartOne

Swift学习笔记第一部分
Swift
4
star
47

spring-boot-kotlin

Spring Boot Kotlin
JavaScript
3
star
48

plugin-idea

IDEA 插件学习
Kotlin
3
star
49

SwiftNote-PartTwo

Swift学习笔记第二部分
Objective-C
3
star
50

GradlePluginNote

Groovy
3
star
51

AptNote

Java
3
star
52

AlgorithmAndDesignPatternNote

算法和设计模式学习笔记
Java
3
star
53

dsl-note

Groovy、Gradle、Kotlin 学习笔记
Java
3
star
54

GradleNote

Gradle学习笔记
Java
2
star
55

bga-js-full-stack-note

JS 全栈开发学习笔记
TypeScript
2
star
56

bga-ss-docker

ShadowSocks Docker 镜像,带 UI 界面
Dockerfile
2
star
57

BGABlogBackup

博客备份
CSS
2
star
58

bga-vite-plugin-crx-hmr

用于开发 Chromium manifest v3 插件的 Vite 插件,主要提供热重载功能,快速更新,高效开发
TypeScript
2
star
59

cc-dxg-2d

基于 Cocos Creator 开发的智能版大西瓜小芝麻
TypeScript
2
star
60

bga-vscode-plugin-note

VS Code 插件开发学习笔记
TypeScript
2
star
61

bga-rust-full-stack-note

Rust 全栈开发学习笔记
Rust
2
star
62

js-full-stack-demo

JavaScript
1
star
63

xcx-wx-note

微信小程序学习笔记
JavaScript
1
star
64

BGAChartViewDemo-iOS

iOS自定义图表控件案例
Objective-C
1
star
65

NodeJSNote

NodeJS学习笔记
JavaScript
1
star
66

ReactNativeNote

ReactNative学习笔记
JavaScript
1
star
67

bga-ci-docker

CI 相关 Docker 镜像
Dockerfile
1
star
68

JSFullStackNote

JSFullStackNote
JavaScript
1
star
69

BGACalendar-Android

Android日历和时间选择控件
Java
1
star
70

golang-note

Golang 学习笔记
Go
1
star
71

gang-hui-parking-payment

港汇停车缴费
1
star
72

PythonNote

Python 学习笔记
Python
1
star
73

BGAImageLoader-Android

Java
1
star
74

OCNote-PartTwo

OC学习笔记第二部分
Objective-C
1
star
75

taro-note

taro 学习笔记
JavaScript
1
star