仿手机QQ聊天列表滑动菜单删除和手势滑动返回的两种方式

本文介绍了如何模仿手机QQ的聊天列表滑动删除功能,利用SwipeMenuListView开源项目实现,并详细讲解了手势滑动返回的两种实现方式:SwipeBackLayout和GestureDetector,提供相关源码链接。
摘要由CSDN通过智能技术生成

关注finddreams博客,一起分享,一起进步:http://blog.csdn.net/finddreams/article/details/44678171

做为我们日常使用最多的APP,手机QQ的每一次UI界面与操作习惯的改变都牵动着我们每一个用户的心。当然手Q的开发团队也认识到这个问题,所以在每次升级时都会做到整体风格的一致性,并和IOS版本保持一致的风格体验。

记得之前有一次微信版本更新,Android版本与IOS版本的界面和操作习惯出现了非常大的不一致,引起了很多微信用户的不满,于是下个Android版本又和IOS版本长一样了,网友戏称这是被骂回去的。

手机QQ和微信都是超级APP,用户体验自然是做的极好的了,也是众多开发者模仿的对象,今天给大家模仿一下手机QQ聊天列表滑动菜单删除和分析一下腾讯系很多APP,比如QQ邮箱,QQ空间等中滑动返回功能的实现。

还是老规矩,先看看UI效果图,不然没图你说个P啊:
这里写图片描述

1.聊天列表滑动删除

1.手Q聊天列表的滑动菜单删除,是个非常方便的功能,非常的有创意。要实现这个功能我们可以使用到GitHub上一个开源的项目,SwipeMenuListView
使用这个开源项目也非常的简单,下载下来,看看demo实例代码也就会用了。
首先,把SwipeMenuListView加入到你要使用的布局文件layout中

<com.baoyz.swipemenulistview.SwipeMenuListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

然后再Activity中调用,并添加上滑动时显示要显示的两个菜单条目,一个推到顶部(暂时没有实现),一个为删除当前条目;具体代码:

/**
     * 初始化滑动菜单
     */
    private void initSwipeMenu() {
        mListView = (SwipeMenuListView) findViewById(R.id.listView);
        adapter = new NewsAdapter(this, chats, listView);
        mListView.setAdapter(adapter);
        // step 1. create a MenuCreator
        SwipeMenuCreator creator = new SwipeMenuCreator() {

            @Override
            public void create(SwipeMenu menu) {
                // create "up" item
                SwipeMenuItem upItem = new SwipeMenuItem(
                        getApplicationContext());
                // set item background
                upItem.setBackground(new ColorDrawable(Color.rgb(0xE5, 0xE8,
                        0xE9)));
                // set item width
                upItem.setWidth(dp2px(90));
                upItem.setIcon(R.drawable.up);
                menu.addMenuItem(upItem);
                // create "delete" item
                SwipeMenuItem deleteItem = new SwipeMenuItem(
                        getApplicationContext());
                // set item background
                deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,
                        0x3F, 0x25)));
                
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值