关于BadgeView遇到的一个奇怪的问题和解决办法

   今天继续完成即时通讯界面模块的开发,想模仿微信和QQ弄个消息提醒的小气泡,就是一有消息到来,会在相应的控件上显示消息数目的红色气泡。因为曾经有了解过有个开源项目能实现这种结果,便开始downLoad下来使用了,这个开源项目是——BadgeView,功能实现很简单,调用更为简单,没什么难度。但是在开发中却遇到了一个问题,就是结合Viewpager+Fragment的滑动切换按钮,在按钮处加上badgeView后,却使得原先可以滑动和点击的按钮不在具备此功能,甚至已经被badgeView覆盖,根本看不到按钮的存在,百思不得其解啊!!!自己捣鼓了好久还是没法解决,终于网络的资源真是无穷的,你遇到问题了别人当然也能遇到,而且还会给出比较正确的解答方法,而我就是通过这些大神的解答完美的解决了这个问题。可以说此Bug是badgeView本身的代码问题吧。

   遇到的问题图片展示:

关于BadgeView遇到的一个奇怪的问题和解决办法_第1张图片

解决之后的图片就看起来顺畅多了:

关于BadgeView遇到的一个奇怪的问题和解决办法_第2张图片

具体解决办法:

 实现原理:在原来布局的基础上,添加一层Button布局覆盖在原先的布局之上,并且布局背景必须是透明的,而且在java代码中,实现的时候必须调用的控件是覆盖后的控件这两个缺一不可!

xml修改后的关键代码:
    

        

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();
	}
到这里就基本完成了,可以很完美的解决这个问题。但是这样也存在一个问题,加载布局时需要额外再加载一个布局,这样效率不是很高,这点再性能优化上值得考虑,但也是迫不得已的选择。



你可能感兴趣的:(android知识)