码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-22 14:02:08      阅读:498      评论:0      收藏:0      [点我收藏+]

标签:

   今天继续完成即时通讯界面模块的开发,想模仿微信和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();
	}
到这里就基本完成了,可以很完美的解决这个问题。但是这样也存在一个问题,加载布局时需要额外再加载一个布局,这样效率不是很高,这点再性能优化上值得考虑,但也是迫不得已的选择。



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

标签:

原文地址:http://blog.csdn.net/longshanaa/article/details/45192977

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!