开源框架BadgeView的使用简介

在做聊天应用时,处理用户新消息时主流的聊天软件都会在消息的左上角或者右上角有一个小红点,并且里面有消息数量的提示,给人很好的交互体检,最近项目在移植聊天功能,感觉这个需求还是有必要加进项目中的,从github上发现一个比较好用的开源框架,简单易用,而且效果也挺好,所以推荐给大家使用。

BadgeView像其他控件一样,可以直接在xml中声明,也可以在java中new出来。

1.在xml中使用,

  <RelativeLayout
                    android:layout_width="@dimen/home_tabbar_icon_layout_width"
                    android:layout_height="@dimen/home_tabbar_icon_layout_height"
                    android:gravity="center_horizontal">

                    <ImageView
                        android:id="@+id/message_image"
                        android:layout_width="@dimen/home_tabbar_icon_width"
                        android:layout_height="@dimen/home_tabbar_icon_height"
                        android:layout_gravity="center_horizontal"
                        android:scaleType="centerInside"
                        android:src="@drawable/message_btn_unselected" />

                    <com.jauker.widget.BadgeView
                        android:id="@+id/message_unread_count_view"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_alignParentTop="true" />

                </RelativeLayout>

 

 

 

需要在java代码中findviewbyid

 

        messageCount = (BadgeView) findViewById(R.id.message_unread_count_view);
        messageCount.setBadgeCount(3);

 

 

个人认为在xml中使用控制BadgeView的位置会比较方便。

 

2.在java代码中直接new出来,然后绑定在某个控件上。

 


 
message = (TextView) findViewById(R.id.message); BadgeView badgeView = new com.jauker.widget.BadgeView(this); badgeView.setTargetView(message); badgeView.setBadgeCount(3); 


最后简单说下,常用的几个方法

1. setTargetView(View) --> 设置哪个控件显示数字提醒,参数就是一个view对象
2. setBadgeCount(int) --> 设置提醒的数字
3. setBadgeGravity(Gravity) --> 设置badgeview的显示位置
4. setBackgroundColor() --> 设置badgeview的背景色,当然还可以设置背景图片
5. setBackgroundResource() --> 设置背景图片
6. setTypeface() --> 设置显示的字体

 

 

 

最后附一张效果图:

展开阅读全文
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值