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

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

   遇到的问题图片展示：



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

具体解决办法：

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

xml修改后的关键代码：

<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_alignParentTop="true"
android:orientation="horizontal"
android:background="#00000000">

<Button
android:id="@+id/overlay_btn_chat"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#00000000"/>

<Button
android:id="@+id/overlay_btn_contact"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#00000000"/>

<Button
android:visibility="invisible"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
</LinearLayout>

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();
}

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