今天继续完成即时通讯界面模块的开发，想模仿微信和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();

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