自定義控件——可拖拽排序的ListView （在ListView的item中有EditText控件）

前言

跟進上篇：拖拽排序的ListView；有EditText控件的listview的拖拽！

實現步驟如下：

一：在MainActivity中；
public class MainActivity extends AppCompatActivity {
    private DragListView mLv;
    private ArrayList mDatas;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mLv = (DragListView) findViewById(R.id.lv);
        mDatas = new ArrayList<>();
        mDatas.add("");
        mDatas.add("");
        mDatas.add("");
        mDatas.add("");
        mLv.setAdapter(new DragListAdapter(this, mDatas));
        mLv.setMyDragListener(new DragListView.MyDragListener() {
            @Override
            public void onDragFinish(int srcPositon, int finalPosition) {
                Toast.makeText(MainActivity.this, "beginPoisiton : " + srcPositon + "...endPosition : " + finalPosition, Toast.LENGTH_LONG).show();
            }
        });
    }
}在activity_main.xml中；
<?xml version="1.0" encoding="utf-8"?>

自定義的拖拽listview：DragListView；
public class DragListView extends ListView {
    private WindowManager windowManager;// Windows窗口控制類
    private WindowManager.LayoutParams windowParams;// 用於控制拖拽項的顯示的參數

    private ImageView dragImageView;// 被拖拽的項(item)，其實就是一個ImageView
    private int dragbeginPosition;// 手指拖動項原始position
    private int dragEndPosition;// 手指點擊準備拖動的時候,當前拖動項在列表中的位置.

    private int dragPoint;// 在當前數據項中的位置
    private int dragYOffset;// 當前視圖和屏幕的距離(這裏只使用了y方向上)

    private int upScrollBounce;// 拖動的時候，開始向上滾動的邊界
    private int downScrollBounce;// 拖動的時候，開始向下滾動的邊界

    private final static int step = 1;// ListView 滑動步伐.

    private int current_Step;// 當前步伐.

    private int temChangId;// 臨時交換id

    private boolean isLock;// 是否上鎖.

    private MyDragListener mMyDragListener;

    /**
     * @param isLock 拖拽功能的開關，true爲關閉
     */
    public void setLock(boolean isLock) {
        this.isLock = isLock;
    }

    public DragListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /***
     * touch事件攔截 在這裏我進行相應攔截，
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 按下
        if (ev.getAction() == MotionEvent.ACTION_DOWN && !isLock) {
            int x = (int) ev.getX();// 獲取相對與ListView的x座標
            int y = (int) ev.getY();// 獲取相應與ListView的y座標
            temChangId = dragbeginPosition = dragEndPosition = pointToPosition(x, y);
            // 無效不進行處理
            if (dragEndPosition == AdapterView.INVALID_POSITION) {
                return super.onInterceptTouchEvent(ev);
            }
            // 獲取當前位置的item視圖(可見狀態)
            ViewGroup itemView = (ViewGroup) getChildAt(dragEndPosition
                    - getFirstVisiblePosition());

            // 獲取到的dragPoint其實就是在你點擊指定item項中的高度.
            dragPoint = y - itemView.getTop();
            // 這個值是固定的:其實就是ListView這個控件與屏幕最頂部的距離（一般爲標題欄+狀態欄.
            dragYOffset = (int) (ev.getRawY() - y);

            // 獲取可拖拽的控件
            View dragger = itemView.findViewById(R.id.iv_move);
            //點擊的x座標大於移動按鈕的x座標，就當成是按到了iv_move觸發了移動
            if (dragger != null && x > dragger.getLeft()&& x < dragger.getRight()) { //如果想點擊item的任意位置都能進行拖拽，把x > dragger.getLeft()限定去掉就行
                upScrollBounce = getHeight() / 3;// 取得向上滾動的邊際，大概爲該控件的1/3
                downScrollBounce = getHeight() * 2 / 3;// 取得向下滾動的邊際，大概爲該控件的2/3
                dragger.setBackgroundColor(Color.parseColor("#a35151"));
                itemView.setDrawingCacheEnabled(true);// 開啓cache.
                Bitmap bm = Bitmap.createBitmap(itemView.getDrawingCache());// 根據cache創建一個新的bitmap對象,就是你拖着狂奔的對象
                startDrag(bm, y);// 初始化影像
            }
            return false;
        }

        return super.onInterceptTouchEvent(ev);
    }

    /**
     * 觸摸事件處理
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        // item的view不爲空，且獲取的dragPosition有效
        if (dragImageView != null && dragEndPosition != INVALID_POSITION
                && !isLock) {

            int action = ev.getAction();
            switch (action) {
                case MotionEvent.ACTION_UP:
                    int upY = (int) ev.getY();
                    stopDrag();
                    onDrop(upY);
                    break;
                case MotionEvent.ACTION_MOVE:
                    int moveY = (int) ev.getY();
                    onDrag(moveY);

                    break;
                case MotionEvent.ACTION_DOWN:
                    break;
                default:
                    break;
            }
            return true;// 取消ListView滑動.
        }

        return super.onTouchEvent(ev);
    }

    /**
     * 準備拖動，初始化拖動項的圖像
     *
     * @param bm
     * @param y
     */
    private void startDrag(Bitmap bm, int y) {
        /***
         * 初始化window.
         */
        windowParams = new WindowManager.LayoutParams();
        windowParams.gravity = Gravity.TOP;
        windowParams.x = 0;
        windowParams.y = y - dragPoint + dragYOffset;
        windowParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        windowParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

        windowParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE// 不需獲取焦點
                | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE// 不需接受觸摸事件
                | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON// 保持設備常開，並保持亮度不變。
                | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
        // 窗口占滿整個屏幕，忽略周圍的裝飾邊框（例如狀態欄）。此窗口需考慮到裝飾邊框的內容。

        ImageView imageView = new ImageView(getContext());
        imageView.setImageBitmap(bm);
        windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        windowManager.addView(imageView, windowParams);
        dragImageView = imageView;

    }

    /**
     * 拖動執行，在Move方法中執行
     *
     * @param y
     */
    public void onDrag(int y) {
        int drag_top = y - dragPoint;// 拖拽view的top值不能＜0，否則則出界.
        if (dragImageView != null && drag_top >= 0) {
            windowParams.alpha = 0.65f;
            windowParams.y = y - dragPoint + dragYOffset;
            windowManager.updateViewLayout(dragImageView, windowParams);// 時時移動(拖拽移動的核心)
        }
        // 爲了避免滑動到分割線的時候，返回-1的問題
        int tempPosition = pointToPosition(0, y);
        if (tempPosition != INVALID_POSITION) {
            dragEndPosition = tempPosition;
        }

        onChange(y);// 時時交換

        doScroller(y);// listview移動.
    }

    /***
     * ListView的移動.
     * 要明白移動原理：當我移動到下端的時候，ListView向上滑動，當我移動到上端的時候，ListView要向下滑動。
     * 正好和實際的相反.
     */

    public void doScroller(int y) {
        // ListView需要下滑
        if (y < upScrollBounce) {
            current_Step = step + (upScrollBounce - y) / 10;// 時時步伐
        }// ListView需要上滑
        else if (y > downScrollBounce) {
            current_Step = -(step + (y - downScrollBounce)) / 10;// 時時步伐
        } else {
            current_Step = 0;
        }

        // 獲取你拖拽滑動到位置及顯示item相應的view上（注：可顯示部分）（position）
        View view = getChildAt(dragEndPosition - getFirstVisiblePosition());
        // 真正滾動的方法setSelectionFromTop()
        if (view != null)
            setSelectionFromTop(dragEndPosition, view.getTop() + current_Step);

    }

    /**
     * 停止拖動，刪除影像
     */
    public void stopDrag() {
        if (dragImageView != null) {
            windowManager.removeView(dragImageView);
            dragImageView = null;
        }
    }

    /***
     * 拖動時時change
     */
    private void onChange(int y) {
        // 數據交換
        if (dragEndPosition < getAdapter().getCount()) {
            DragListAdapter adapter = (DragListAdapter) getAdapter();
            if (dragEndPosition != temChangId) {
                adapter.update(temChangId, dragEndPosition);
                temChangId = dragEndPosition;// 將點擊最初所在位置position付給臨時的，用於判斷是否換位.
            }
        }
        // 爲了避免滑動到分割線的時候，返回-1的問題
        int tempPosition = pointToPosition(0, y);
        if (tempPosition != INVALID_POSITION) {
            dragEndPosition = tempPosition;
        }
        // 超出邊界處理(如果向上超過第二項Top的話，那麼就放置在第一個位置)
        if (y < getChildAt(0).getTop()) {
            // 超出上邊界
            dragEndPosition = 0;
            // 如果拖動超過最後一項的最下邊那麼就防止在最下邊
        } else if (y > getChildAt(getChildCount() - 1).getBottom()) {
            // 超出下邊界
            dragEndPosition = getAdapter().getCount() - 1;
        }

    }

    /**
     * 拖動放下的時候
     *
     * @param y
     */
    public void onDrop(int y) {
        // 數據交換
        if (dragEndPosition < getAdapter().getCount()) {
            DragListAdapter adapter = (DragListAdapter) getAdapter();
            adapter.notifyDataSetChanged();// 刷新.
            Log.d("wbl", "dragEndPosition :" + dragEndPosition);
            Log.d("wbl", "dragbeginPosition :" + dragbeginPosition);
            //換位成功後的回調
            if (mMyDragListener != null) {
                mMyDragListener.onDragFinish(dragbeginPosition, dragEndPosition);
            }
        }
    }

    //換位成功後的回調接口
    interface MyDragListener {
        void onDragFinish(int srcPositon, int finalPosition);
    }

    //設置換位成功後的回調接口
    public void setMyDragListener(MyDragListener listener) {
        mMyDragListener = listener;
    }drag_list_item.xml條目：
<?xml version="1.0" encoding="utf-8"?>
DragListAdapter：
public class DragListAdapter extends BaseAdapter {
    private ArrayList mDatas;

    private Context context;

    public DragListAdapter(Context context, ArrayList arrayTitles) {
        this.context = context;
        this.mDatas = arrayTitles;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        View view;
        /***
         * 在這裏儘可能每次都進行實例化新的，這樣在拖拽ListView的時候不會出現錯亂.
         * 具體原因不明，不過這樣經過測試，目前沒有發現錯亂。雖說效率不高，但是做拖拽LisView足夠了。
         */
        view = LayoutInflater.from(context).inflate(
                R.layout.drag_list_item, null);

        TextView textView = (TextView) view
                .findViewById(R.id.tv_name);
        //設置文本序號
        textView.setText(String.valueOf(position));

        EditText et_test = (EditText) view.findViewById(R.id.et_test);
        //將數據源中已保存的數據放置進去
        et_test.setText((String) getItem(position));
        //關鍵就是這裏的保存數據
        et_test.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                //每當內容改變時，就更新mDatas中的數據
                mDatas.set(position,charSequence.toString());
            }

            @Override
            public void afterTextChanged(Editable editable) {

            }
        });
        return view;
    }

    /***
     * 動態修改ListVIiw的方位.（數據移位）
     *
     * @param start 點擊移動的position
     * @param end   鬆開時候的position
     */
    public void update(int start, int end) {
        String data = mDatas.get(start);
        mDatas.remove(start);// 刪除該項
        mDatas.add(end, data);// 添加刪除項
        notifyDataSetChanged();// 刷新ListView
    }

    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public Object getItem(int position) {
        return mDatas.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }
}