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

緒論：

好久沒寫博客了，最近比較懶，不想寫博客，但是在看書，看一些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;
}</pre> <p>2.創建選項卡：</p>

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);
}</pre> <p>3.將選項卡添加到布局中：</p>

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

}</pre> <p>4.Activity中調用：</p>

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);</pre> <p>5.選項卡點擊事件：</p>

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;


            }
        }
    });</pre> <p>代碼中的下拉刷新上拉加載，小編是用的SwipeRefreshLayout <br />

源碼小編已經傳到Github上了 

https://github.com/Hankkin/MultiPurposeListView</p>
</div>