Android 徽章控件
bingoogolapple/BGABadgeView-Android
https://github.com/bingoogolapple/BGABadgeView-Android
BGABadgeView-Android
English Document
react-native-bga-badge-view
demo中演示了:
微博底部tab显示最新微博条数微博列表用户头像显示显示右下角vip徽章微信消息界面用户新消息微信消息界面订阅号新消息使用v4包中的RoundedBitmapDrawable制作圆角头像拖拽删除徽章
爆炸效果参考的 ExplosionField 改成了只有一个View的情况,只刷新徽章附近的区域
效果图
点击下载 Apk 或扫描下方二维码安装体验
Gradle依赖
dependencies {compile 'cn.bingoogolapple:bga-badgeview:latestVersion@aar'
}
目前支持的徽章类
| 类名 | 应用场景 |
|---|
| BGABadgeRadioButton | 微博首页底部导航 |
| BGABadgeImageView | 微博列表用户头像 |
| BGABadgeTextView | 其实这个可以用BGABadgeCheckedTextView代替 |
| BGABadgeLinearLayout | 列表item右侧消息条数 |
| BGABadgeRelativeLayout | 列表item右侧消息条数 |
| BGABadgeFrameLayout | 列表item右侧消息条数 |
接口说明
/**
* 显示圆点徽章
*/
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();
自定义属性说明
| 属性名 | 说明 | 默认值 |
|---|
| 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_dragable | 是否开启拖拽删除徽章 | false |
| badge_isResumeTravel | 拖拽徽章超出轨迹范围后,再次放回到轨迹范围时,是否恢复轨迹 | false |
| badge_borderWidth | 徽章描边宽度 | 0dp |
| badge_borderColor | 徽章描边颜色 | Color.WHITE |
| badge_dragExtra | 触发开始拖拽徽章事件的扩展触摸距离 | 4dp |
扩展自己的BadgeView
继承特定的控件,实现BGABadgeable接口中相应的方法,并调用BGABadgeViewHelper中相应的方法,自定义控件实现方式请参考BGABadgeRadioButton,自定义组合控件实现方式请参考BGABadgeLinearLayout
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!