今天继续完成即时通讯界面模块的开发,想模仿微信和QQ弄个消息提醒的小气泡,就是一有消息到来,会在相应的控件上显示消息数目的红色气泡。因为曾经有了解过有个开源项目能实现这种结果,便开始downLoad下来使用了,这个开源项目是——BadgeView,功能实现很简单,调用更为简单,没什么难度。但是在开发中却遇到了一个问题,就是结合Viewpager+Fragment的滑动切换按钮,在按钮处加上badgeView后,却使得原先可以滑动和点击的按钮不在具备此功能,甚至已经被badgeView覆盖,根本看不到按钮的存在,百思不得其解啊!!!自己捣鼓了好久还是没法解决,终于网络的资源真是无穷的,你遇到问题了别人当然也能遇到,而且还会给出比较正确的解答方法,而我就是通过这些大神的解答完美的解决了这个问题。可以说此Bug是badgeView本身的代码问题吧。
遇到的问题图片展示:
解决之后的图片就看起来顺畅多了:
具体解决办法:
实现原理:在原来布局的基础上,添加一层Button布局覆盖在原先的布局之上,并且布局背景必须是透明的,而且在java代码中,实现的时候必须调用的控件是覆盖后的控件这两个缺一不可!
xml修改后的关键代码:
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_alignParentTop="true"
android:orientation="horizontal"
android:background="#00000000">
android:id="@+id/overlay_btn_chat"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#00000000"/>
android:id="@+id/overlay_btn_contact"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#00000000"/>
android:visibility="invisible"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
JAVA代码里的实现过程,包括怎么调用BadgeView的使用方法:
overlay_btn_chat = (Button)findViewById(R.id.overlay_btn_chat);
overlay_btn_contact = (Button)findViewById(R.id.overlay_btn_contact);
ChatBadgeViewNotify(overlay_btn_chat);
ContactBadgeViewNotify(overlay_btn_contact);
/**
* 初始化聊天按钮的badgeView控件
*/
private void ChatBadgeViewNotify(View view) {
chat_badge = new BadgeView(this, view);
chat_badge.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);
chat_badge.setText("1");
chat_badge.toggle();
}
/**
* 初始化联系人的badgeView控件
*/
private void ContactBadgeViewNotify(View view) {
contact_badge = new BadgeView(this, view);
contact_badge.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);
contact_badge.setText("66");
contact_badge.toggle();
}到这里就基本完成了,可以很完美的解决这个问题。但是这样也存在一个问题,加载布局时需要额外再加载一个布局,这样效率不是很高,这点再性能优化上值得考虑,但也是迫不得已的选择。