自定义View实现拖动替换思路

学习自定义View实现拖动替换思路

代码实现方法 MainActivity:

package com.example.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private List<String> mDragList;
    private List<String> mUnDragList;

    private void initView() {
        final MyGridLayout myDragGridLayout = findViewById(R.id.my_gridlayout);
        myDragGridLayout.setDragAble(true);

        mDragList = new ArrayList<String>();
        mDragList.add("国内");
        mDragList.add("国际");
        mDragList.add("社会");
        mDragList.add("军事");
        mDragList.add("娱乐");
        mDragList.add("科技");
        mDragList.add("游戏");
        mDragList.add("体育");
        mDragList.add("教育");
        myDragGridLayout.addItems(mDragList);


        final MyGridLayout myUnDragGridLayout = findViewById(R.id.my_undrage_gridlayout);
        myUnDragGridLayout.setDragAble(false);
        mUnDragList = new ArrayList<String>();
        mUnDragList.add("搞笑");
        mUnDragList.add("综艺");
        mUnDragList.add("猎奇");
        mUnDragList.add("视频");
        mUnDragList.add("音乐");
        mUnDragList.add("经济");
        mUnDragList.add("竞技");
        mUnDragList.add("财经");
        mUnDragList.add("小说");
        myUnDragGridLayout.addItems(mUnDragList);


        myDragGridLayout.setOnItemtClickListenner(new MyGridLayout.OnItemClickListenner() {
            @Override
            public void setOnItemClickListenner(View view) {
                if (view instanceof TextView) {
                    String strText = ((TextView) view).getText().toString().trim();
                    for (int i = 0; i < mDragList.size(); i++) {
                        if (mDragList.get(i).equals(strText)) {
                            if (mDragList.size() > 4) {
                                mDragList.remove(i);
                                myDragGridLayout.removeView(view);

                                mUnDragList.add(strText);
                                myUnDragGridLayout.addStrText(strText);
                            }
                        }
                    }

                }

            }
        });


        myUnDragGridLayout.setOnItemtClickListenner(new MyGridLayout.OnItemClickListenner() {
            @Override
            public void setOnItemClickListenner(View view) {
                if (view instanceof TextView) {
                    String strText = ((TextView) view).getText().toString().trim();

                    for (int i = 0; i < mUnDragList.size(); i++) {

                        if (mUnDragList.get(i).equals(strText)) {
                            mUnDragList.remove(i);
                            myUnDragGridLayout.removeView(view);

                            mDragList.add(strText);
                            myDragGridLayout.addStrText(strText);
                        }

                    }

                }


            }
        });

    }
}

布局效果代码activity_main：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.example.myapplication.MyGridLayout
        android:id="@+id/my_gridlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp" />


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginTop="30dp">

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:layout_alignParentTop="true"
            android:background="@android:color/darker_gray" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:text="添加标签"
            android:textColor="@android:color/black"
            android:textSize="18sp" />


        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:layout_alignParentBottom="true"
            android:background="@android:color/darker_gray" />

    </RelativeLayout>

    <com.example.myapplication.MyGridLayout
        android:id="@+id/my_undrage_gridlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp" />


</LinearLayout>

关键代码 网格布局生成类方法:

package com.example.myapplication;

import android.animation.LayoutTransition;
import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.Log;
import android.view.DragEvent;
import android.view.Gravity;
import android.view.View;
import android.widget.GridLayout;
import android.widget.TextView;

import java.util.List;

public class MyGridLayout extends GridLayout implements View.OnLongClickListener {
    public MyGridLayout(Context context) {
        this(context, null);
    }

    public MyGridLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyGridLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private int mGridCount = 4;

    private void init() {
        setColumnCount(mGridCount);
        setLayoutTransition(new LayoutTransition());
    }

    public void addItems(List<String> items) {
        for (String strItem : items) {
            addStrText(strItem);
        }
    }

    private int mMargin = 10;

    public void addStrText(String str) {
        final TextView tv = new TextView(getContext());
        tv.setText(str);
        tv.setBackgroundResource(R.drawable.gridlayout_tv_bg);
        tv.setTextSize(20);
        GridLayout.LayoutParams params = new GridLayout.LayoutParams();
        int width = getResources().getDisplayMetrics().widthPixels / mGridCount - (mMargin + 3) * 2;
        tv.setWidth(width);
        params.setMargins(mMargin + 3, mMargin + 5, mMargin + 3, mMargin + 5);
        tv.setLayoutParams(params);
        tv.setPadding(mMargin + 5, mMargin, mMargin + 5, mMargin);
        tv.setGravity(Gravity.CENTER);
        addView(tv);

        tv.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (itemClickListenner != null) {
                    itemClickListenner.setOnItemClickListenner(tv);
                }
            }
        });

        if (mDragAble) {
            tv.setOnLongClickListener(this);
        } else
            tv.setOnLongClickListener(null);

    }

    private View mDragedView;

    @Override
    public boolean onLongClick(View v) {
        //开始拖拽，拖拽的时候标签有阴影
        startDrag(null, new DragShadowBuilder(v), null, 0);
        this.mDragedView = v;
        return true;
    }


    private boolean mDragAble;

    //设置拖拽监听器
    public void setDragAble(boolean isDragAble) {
        mDragAble = isDragAble;
        if (isDragAble)
            setOnDragListener(listener);
        else {
            setOnDragListener(null);
        }
    }


    private OnDragListener listener = new OnDragListener() {
        @Override
        public boolean onDrag(View v, DragEvent event) {
            switch (event.getAction()) {

                case DragEvent.ACTION_DRAG_STARTED:
                    initRects();
                    break;


                case DragEvent.ACTION_DRAG_LOCATION:
                    int index = dragChange(event);
                    if (index > -1 && mDragedView != null && mDragedView != getChildAt(index)) {
                        removeView(mDragedView);
                        Log.e("sadsfgh", "---------------");
                        addView(mDragedView, index);
                    } else {
                        Log.e("sadsfgh", "-----小于等于-1----------" + index);
                    }
                    break;

            }
            return true;
        }
    };


    //实时判断 被拖拽的条目是否达到某个条目范围内
    private int dragChange(DragEvent event) {
        for (int i = 0; i < mRectArr.length; i++) {
            Log.e("qwert", "=============" + i);
            if (mRectArr[i].contains((int) event.getX(), (int) event.getY())) {
                return i;
            }
        }
        return -1;
    }


    private Rect[] mRectArr;

    //将所有的条目都封装成矩形对象，存到数组中
    private void initRects() {
        int itemCount = getChildCount();
        if (mRectArr == null)
            mRectArr = new Rect[itemCount];
        for (int i = 0; i < mRectArr.length; i++) {
            View view = getChildAt(i);
            mRectArr[i] = new Rect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom());
        }
    }

    private OnItemClickListenner itemClickListenner;

    public interface OnItemClickListenner {
        void setOnItemClickListenner(View view);
    }

    public void setOnItemtClickListenner(OnItemClickListenner listenner) {
        this.itemClickListenner = listenner;
    }

}