Android源码解析--SwipeMenuListView仿QQ聊天左滑

  1. 云栖社区>
  2. 博客>
  3. 正文

Android源码解析--SwipeMenuListView仿QQ聊天左滑

进阶的玄武 2016-01-30 22:29:44 浏览351
展开阅读全文
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/50612714

绪论:

好久没写博客了,最近比较懒,不想写博客,但是在看书,看一些Android进阶的书,这里小编也给大家推荐几本适合进阶的书,相信会对你有所帮助的。
1.《Android群英传》 —徐宜生
2.《Android开发艺术探索》 —任玉刚
3.《Android源码设计模式》 —何红辉,郭爱民
以上几本是针对Android开发所用的,如果上面三本你都吃透了的话,相信你就可以在Android的世界里尽情的翱翔了。
下面的几本是一些在你编程之路上必不可少的几本经典的书:
1.《代码整洁之道》
2.《重构改善有代码的设计》
3.《MacTalk跨越边界》

好了,下面进入正题吧,今天小编给大家分享的是:仿QQ聊天实现左滑效果,先看一下效果吧:
这里写图片描述

实现:

1.定义滑动选项视图
通过监听滑动手势弹出滑动选项卡(前提是先创建好选项卡)
这里只贴出核心代码:

public boolean onSwipe(MotionEvent event) {
        mGestureDetector.onTouchEvent(event);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownX = (int) event.getX();
                isFling = false;
                break;
            case MotionEvent.ACTION_MOVE:

                int dis = (int) (mDownX - event.getX());
                if (state == STATE_OPEN) {
                    dis += mMenuView.getWidth();
                }
                swipe(dis);
                break;
            case MotionEvent.ACTION_UP:
                if (isFling || (mDownX - event.getX()) > (mMenuView.getWidth() / 2)) {
                    // 打开选项卡
                    smoothOpenMenu();
                } else {
                    // 关闭选项卡
                    smoothCloseMenu();
                    return false;
                }
                break;
        }
        return true;
    }

2.创建选项卡:

public void createMenu(SwipeMenu menu) {
        // Test Code
        SwipeMenuItem item = new SwipeMenuItem(mContext);
        item.setTitle("Item 1");
        item.setBackground(new ColorDrawable(Color.GRAY));
        item.setWidth(300);
        menu.addMenuItem(item);

        item = new SwipeMenuItem(mContext);
        item.setTitle("Item 2");
        item.setBackground(new ColorDrawable(Color.RED));
        item.setWidth(300);
        menu.addMenuItem(item);
    }

3.将选项卡添加到布局中:

private void addItem(SwipeMenuItem item, int id) {
        LayoutParams params = new LayoutParams(item.getWidth(),
                LayoutParams.MATCH_PARENT);
        LinearLayout parent = new LinearLayout(getContext());
        parent.setId(id);
        parent.setGravity(Gravity.CENTER);
        parent.setOrientation(LinearLayout.VERTICAL);
        parent.setLayoutParams(params);
        parent.setBackgroundDrawable(item.getBackground());
        parent.setOnClickListener(this);
        addView(parent);

        if (item.getIcon() != null) {
            parent.addView(createIcon(item));
        }
        if (!TextUtils.isEmpty(item.getTitle())) {
            parent.addView(createTitle(item));
        }

    }

4.Activity中调用:

ISwipeMenuCreator creator = new ISwipeMenuCreator() {
            @Override
            public void create(SwipeMenu menu) {
                // 创建滑动选项
                SwipeMenuItem showItem = new SwipeMenuItem(
                        getApplicationContext());
                // 设置选项背景
                showItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9,
                        0xCE)));
                // 设置选项宽度
                showItem.setWidth(HankkinUtil.dp2px(90,MainActivity.this));
                // 设置选项标题
                showItem.setTitle("Show");
                // 设置选项标题
                showItem.setTitleSize(18);
                // 设置选项标题颜色
                showItem.setTitleColor(Color.WHITE);
                // 添加选项
                menu.addMenuItem(showItem);

                // 创建删除选项
                SwipeMenuItem deleteItem = new SwipeMenuItem(
                        getApplicationContext());
                deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,
                        0x3F, 0x25)));
                deleteItem.setWidth(HankkinUtil.dp2px(90, MainActivity.this));
                deleteItem.setIcon(R.drawable.ic_delete);
                menu.addMenuItem(deleteItem);
            }
        };

        menuListView.setMenuCreator(creator);

5.选项卡点击事件:

menuListView.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
            @Override
            public void onMenuItemClick(int position, SwipeMenu menu, int index) {
                switch (index) {
                    case 0: //第一个选项
                        HankkinUtil.showToast(MainActivity.this, data.get(position).getTitle());
                        break;
                    case 1: //第二个选项
                        data.remove(position);
                        adapter.notifyDataSetChanged();
                        break;

                }
            }
        });

代码中的下拉刷新上拉加载,小编是用的SwipeRefreshLayout
源码小编已经传到Github上了
https://github.com/Hankkin/MultiPurposeListView

网友评论

登录后评论
0/500
评论
进阶的玄武
+ 关注