iis服务器助手广告
返回顶部
首页 > 资讯 > 精选 >GridView如何实现拖拽排序及数据交互
  • 219
分享到

GridView如何实现拖拽排序及数据交互

2023-06-25 14:06:12 219人浏览 安东尼
摘要

这篇文章主要介绍了GridView如何实现拖拽排序及数据交互,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在研究项目中的一个效果的时候,查找资料过程中发现有人有这么一种需求,

这篇文章主要介绍了GridView如何实现拖拽排序及数据交互,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

在研究项目中的一个效果的时候,查找资料过程中发现有人有这么一种需求,就是GridView在实现拖拽排序的基础上,如果是两个GridView之间实现拖拽效果,并要实现数据交互。

一、效果图:

GridView如何实现拖拽排序及数据交互

实现这个效果需要考虑的事情:

  ① 这个UI整体的构建以及事件的传递

  ② 如何实现View的共享,穿过边界

二、实现思路:

  对于单个GridView的拖拽效果实现是参考网上的一篇文章,很抱歉没能及时保存地址,所以这里就不贴了。

  整体实现: 一个容器(DraGChessView)里放置两个DragView(可拖拽排序Item的View),事件全部交给DragChessView去处理,然后由他去控制事件的分配和处理。在这个容器中还在这两个DragView上面覆盖一层FrameLayout,来放置要移动的那个View,然后根据手势去移动View。DragView里面进行View的动态交换以及数据交换。

三、实现代码:

DragChessView代码

public class DragChessView extends FrameLayout {    private GestureDetector detector;        public static final int DRAG_WHEN_TOUCH = 0;        public static final int DRAG_BY_LONG_CLICK = 1;    private int mDragMode = DRAG_WHEN_TOUCH;    private boolean hasSendDragMsg = false;    private Handler handler = new Handler(new Handler.Callback() {        @Override        public boolean handleMessage(Message msg) {            switch (msg.what) {                case 0x123:                    // 启动拖拽模式                    isDragable = true;                    // 根据点击的位置生成该位置上的view镜像                    if (isTouchInTop(msg.arg2)) {                        mDragTop.setCurrentDragPosition(msg.arg1);                        copyView(mDragTop);                    } else {                        mDragBottom.setCurrentDragPosition(msg.arg1);                        copyView(mDragBottom);                    }                    hasSendDragMsg = false;                    break;                default:                    break;            }            return false;        }    });    private boolean isDragable = true;    private float[] lastLocation = null;    private View mCopyView;    private OnTouchListener l;    // 转交给GridView一些常用监听器    private AdapterView.OnItemLongClickListener itemLongClickListener;    private int mTouchArea = 0;    private View dragSlider;    private Point mMovePoint; // 记录移动走向,上到下,还是下到上        public void setOnItemClickListener(AdapterView.OnItemClickListener itemClickListener) {        mDragBottom.setOnItemClickListener(itemClickListener);    }        public void setOnItemLongClickListener(AdapterView.OnItemLongClickListener itemLongClickListener) {        this.itemLongClickListener = itemLongClickListener;    }    private boolean canAddViewWhenDragChange = true;    private int mStartPoint;    private int START_DRAG_TOP = 0;    private int START_DRAG_BOTTOM = 1;        private GestureDetector.SimpleOnGestureListener simpleOnGestureListener = new GestureDetector.SimpleOnGestureListener() {        @Override        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {            if (hasSendDragMsg) {                hasSendDragMsg = false;                handler.removeMessages(0x123);            }            if (isDragable && mCopyView != null) {                if (lastLocation == null && e1 != null) {                    lastLocation = new float[]{e1.getRawX(), e1.getRawY()};                }                if (lastLocation == null)                    lastLocation = new float[]{0, 0};                distanceX = lastLocation[0] - e2.getRawX();                distanceY = lastLocation[1] - e2.getRawY();                lastLocation[0] = e2.getRawX();                lastLocation[1] = e2.getRawY();                mCopyView.setX(mCopyView.getX() - distanceX);                mCopyView.setY(mCopyView.getY() - distanceY);                int to = eventToPosition(e2);                mCopyView.invalidate();                if (isDragInTop()) {                    if (isDragFromBottom()) {                        if (isDragBack(isDragInTop())) { //针对已经进入bottom区域,但是又返回来的情况                            mStartPoint = START_DRAG_BOTTOM; //切换,保证移动过程中只执行一次                            canAddViewWhenDragChange = true;                        }                        if (canAddViewWhenDragChange) {// 保证移动过程中,数据只有一次的添加                            mDragTop.addSwapView(mDragBottom.getSwapData());                            mDragBottom.removeSwapView();                            canAddViewWhenDragChange = false;                            if (hideView != null)                                hideView.setVisibility(VISIBLE);                        }                        if (mDragTop.isViewInitDone()) {                            mDragTop.setCurrentDragPosition(mDragTop.getGridChildCount() - 1);                            hideView = mDragTop.getGridChildAt(mDragTop.getCurrentDragPosition());                            if (hideView != null)                                hideView.setVisibility(INVISIBLE);                            mMovePoint = getDragViewCenterPoint(mDragTop);                        }                    }                    if (mDragTop.isViewInitDone())                        dragChangePosition(mDragTop, to);                } else {                    if (isDragFromTop()) {                        if (isDragBack(isDragInTop())) {                            mStartPoint = START_DRAG_TOP;                            canAddViewWhenDragChange = true;                        }                        if (canAddViewWhenDragChange) {                            mDragBottom.addSwapView(mDragTop.getSwapData());                            mDragTop.removeSwapView();                            canAddViewWhenDragChange = false;                            if (hideView != null)                                hideView.setVisibility(VISIBLE);                        }                        if (mDragBottom.isViewInitDone()) {                            mDragBottom.setCurrentDragPosition(mDragBottom.getGridChildCount() - 1);                            hideView = mDragBottom.getGridChildAt(mDragBottom.getCurrentDragPosition());                            if (hideView != null)                                hideView.setVisibility(INVISIBLE);                            Log.e("mMovePoint", mMovePoint.x + "-----------" + mMovePoint.y);                            mMovePoint = getDragViewCenterPoint(mDragBottom);                        }                    }                    if (mDragBottom.isViewInitDone())                        dragChangePosition(mDragBottom, to);                }            }            return true;        }        @Override        public void onShowPress(MotionEvent e) {                        if (mDragMode == DRAG_BY_LONG_CLICK) {                // 启动拖拽模式                // isDragable = true;                // 通知父控件不拦截我的事件                getParent().requestDisallowInterceptTouchEvent(true);                // 根据点击的位置生成该位置上的view镜像                int position = eventToPosition(e);                if (isCanDragMove(isTouchInTop(e) ? mDragTop : mDragBottom, position)) {                    // copyView(currentDragPosition = position);                    Message msg = handler.obtainMessage(0x123, position, (int) e.getY());                    // showpress本身大概需要170毫秒                    handler.sendMessageDelayed(msg, dragLongPressTime - 170);                    mMovePoint = new Point((int) e.getX(), (int) e.getY());                    mStartPoint = isTouchInTop(e) ? START_DRAG_TOP : START_DRAG_BOTTOM;                    hasSendDragMsg = true;                }            }        }    };    private boolean isDragBack(boolean dragInTop) {        return (dragInTop && mStartPoint == START_DRAG_TOP) || (!dragInTop && mStartPoint == START_DRAG_BOTTOM);    }    private boolean isDragFromTop() {        if (mMovePoint != null && mDragTop != null) {            if ((mMovePoint.x > mDragTop.getX() && mMovePoint.x < (mDragTop.getX() + mDragTop.getWidth()))           && (mMovePoint.y > mDragTop.getY() && mMovePoint.y < (mDragTop.getY() + mDragTop.getHeight()))) {                return true;            }        }        return false;    }    private Point getDragViewCenterPoint(DragView dragView) {        Point result = new Point();        if (dragView != null) {            int height = dragView.getHeight();            int width = dragView.getWidth();            float x = dragView.getX();            float y = dragView.getY();            result.set((int) (x + width / 2), (int) (y + height / 2));        }        return result;    }    private boolean isDragFromBottom() {        if (mMovePoint != null && mDragBottom != null) {            if ((mMovePoint.x > mDragBottom.getX() && mMovePoint.x < (mDragBottom.getX() + mDragBottom.getWidth()))            && (mMovePoint.y > mDragBottom.getY() && mMovePoint.y < (mDragBottom.getY() + mDragBottom.getHeight()))) {                return true;            }        }        return false;    }    private boolean isTouchInTop(MotionEvent event) {        float y = event.getY();        return isTouchInTop(y);    }    private boolean isTouchInTop(float y) {        return y > mDragTop.getY() && y < (mDragTop.getY() + mDragTop.getHeight());    }private void dragChangePosition(DragView dragView, int to) {        if (to != dragView.getCurrentDragPosition() && isCanDragMove(dragView, to)) {            dragView.onDragPositionChange(dragView.getCurrentDragPosition(), to);        }    }    private boolean isCanDragMove(DragView dragView, int position) {        return position >= dragView.getHeadDragPosition() && position < dragView.getGridChildCount() - dragView.getFootDragPosition();    }    private FrameLayout mDragFrame;    private DragView mDragBottom;    private DragView mDragTop;    private View hideView;    private long dragLongPressTime = 600;    public DragChessView(@NonNull Context context) {        this(context, null);    }    public DragChessView(@NonNull Context context, @Nullable AttributeSet attrs) {        this(context, attrs, -1);    }    public DragChessView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        init(attrs);    }    private void init(AttributeSet attrs) {        Context context = getContext();        detector = new GestureDetector(context, simpleOnGestureListener);        detector.setIsLongpressEnabled(false);        mDragFrame = new FrameLayout(context);        dragSlider = LayoutInflater.from(context).inflate(R.layout.layout_drag_chess, this, false);        mDragTop = dragSlider.findViewById(R.id.drag_top);        mDragBottom = dragSlider.findViewById(R.id.drag_bottom);        addView(dragSlider, -1, -1);        addView(mDragFrame, -1, -1);    }    @Override    public boolean onTouchEvent(MotionEvent ev) {        if (l != null) {            l.onTouch(this, ev);        }        if (!isViewInitDone()) {            return false;        }        if (isDragable) {            handleScrollAndCreMirror(ev);        } else {            // 交给子控件自己处理            dispatchEvent(isTouchInTop(ev) ? mDragTop : mDragBottom, ev);        }        // 处理拖动        detector.onTouchEvent(ev);        if (ev.getAction() == MotionEvent.ACTION_CANCEL || ev.getAction() == MotionEvent.ACTION_UP) {            lastLocation = null;            if (hasSendDragMsg) {                hasSendDragMsg = false;                handler.removeMessages(0x123);            }        }        return true;    }    private void dispatchEvent(DragView dragView, MotionEvent ev) {        dragView.dispatchEvent(ev);    }    private boolean isDragInTop() {        if (mCopyView == null)            return false;        return (mCopyView.getY() + mCopyView.getHeight()) < (mDragTop.getY() + mDragTop.getBottom());    }        @Override    public boolean onInterceptTouchEvent(MotionEvent ev) {        return true;    }        private void handleScrollAndCreMirror(MotionEvent ev) {        switch (ev.getAction()) {            case MotionEvent.ACTION_DOWN:                // 通知父控件不拦截我的事件                getParent().requestDisallowInterceptTouchEvent(true);                // 根据点击的位置生成该位置上的view镜像                int position = eventToPosition(ev);                makeCopyView(isTouchInTop(ev) ? mDragTop : mDragBottom, position);                break;            case MotionEvent.ACTION_MOVE:                getParent().requestDisallowInterceptTouchEvent(true);// 通知父控件不拦截我的事件                // 内容太多时,移动到边缘会自动滚动                decodeScrollArea(isDragInTop() ? mDragTop : mDragBottom, ev);                break;            case MotionEvent.ACTION_CANCEL:            case MotionEvent.ACTION_UP:                if (hideView != null) {                    hideView.setVisibility(View.VISIBLE);                    if (onDragSelectListener != null) {                        onDragSelectListener.onPutDown(hideView);                    }                }                mDragFrame.removeAllViews();                // mDragFrame.scrollTo(0, 0);                // isNotifyByDragSort = true;                updateUI(isDragInTop() ? mDragTop : mDragBottom, ev);                mCopyView = null;                canAddViewWhenDragChange = true;                // 放手时取消拖动排序模式                if (mDragMode == DRAG_BY_LONG_CLICK) {                    isDragable = false;                }                break;            default:                break;        }    }    private void updateUI(DragView dragView, MotionEvent ev) {        if (dragView.isHasPositionChange()) {            dragView.setHasPositionChange(false);            dragView.getAdapter().notifyDataSetChanged();        } else if (mDragMode == DRAG_BY_LONG_CLICK && itemLongClickListener != null) {            dragView.onItemLongClick(itemLongClickListener);        }        // 停止滚动        if (dragView.isCanScroll()) {            int scrollStates2 = dragView.decodeTouchArea(ev);            if (scrollStates2 != 0) {                dragView.onTouchAreaChange(0);                mTouchArea = 0;            }        }    }    private void decodeScrollArea(DragView dragView, MotionEvent ev) {        if (dragView.isCanScroll()) {            int touchArea = dragView.decodeTouchArea(ev);            if (touchArea != mTouchArea) {                dragView.onTouchAreaChange(touchArea);                mTouchArea = touchArea;            }        }    }    private void makeCopyView(DragView dragView, int position) {        if (position >= dragView.getHeadDragPosition() && position < dragView.getGridChildCount() - dragView.getFootDragPosition()) {            dragView.setCurrentDragPosition(position);            copyView(dragView);        }    }        public int eventToPosition(MotionEvent ev) {        if (ev != null) {            if (isTouchInTop(ev))                return mDragTop.eventToPosition(ev);            return mDragBottom.eventToPosition(ev);        }        return 0;    }        private void copyView(DragView dragView) {        // TODO: 2018/4/2 创建可移动的 item        hideView = dragView.getGridChildAt(dragView.getCurrentDragPosition());        int realPosition = dragView.getGridChildPos(hideView);        DragAdapter adapter = dragView.getAdapter();        if (!adapter.isUseCopyView()) {            mCopyView = adapter.getView(realPosition, mCopyView, mDragFrame);        } else {            mCopyView = adapter.copyView(realPosition, mCopyView, mDragFrame);        }        hideView.setVisibility(View.INVISIBLE);        if (mCopyView.getParent() == null)            mDragFrame.addView(mCopyView, dragView.getmColWidth(), dragView.getmColHeight());        int[] l1 = new int[2];        int[] l2 = new int[2];        hideView.getLocationOnScreen(l1);        mDragFrame.getLocationOnScreen(l2);        // mCopyView.setX(hideView.getLeft());        // mCopyView.setY(hideView.getTop() - mCurrentY);        mCopyView.setX(l1[0] - l2[0]);        mCopyView.setY(l1[1] - l2[1]);        if (onDragSelectListener == null) {            mCopyView.setScaleX(1.2f);            mCopyView.setScaleY(1.2f);        } else {            onDragSelectListener.onDragSelect(mCopyView);        }    }    private DragSortGridView.OnDragSelectListener onDragSelectListener;        public void setOnDragSelectListener(DragSortGridView.OnDragSelectListener onDragSelectListener) {        this.onDragSelectListener = onDragSelectListener;    }        public void setDragModel(int mode) {        this.mDragMode = mode;        isDragable = mode == DRAG_WHEN_TOUCH;    }    public void setAnimFrame(ListenFrameLayout mDragFrame) {        this.mDragFrame = mDragFrame;    }        public void setDragLongPressTime(long time) {        dragLongPressTime = time;    }    public void setBottomAdapter(@NotNull DragAdapter adapter) {        mDragBottom.setAdapter(adapter);    }    public boolean isViewInitDone() {        boolean result = mDragBottom.isViewInitDone();        if (mDragTop.getVisibility() == VISIBLE)            result &= mDragTop.isViewInitDone();        return result;    }    public void setTopAdapter(@NotNull DragAdapter adapter) {        mDragTop.setAdapter(adapter);    }}

DragView的实现:

public class DragView<T> extends FrameLayout {    private static final int TAG_KEY = R.id.first;    private NoScrollGridView mGridView;    private List<View> mChilds = new ArrayList<View>();    protected int mNumColumns = 3;    protected int mColHeight = 0;    protected int mColWidth = 0;    protected int mChildCount = 0;    protected int mMaxHeight = 0;    private boolean isViewInitDone = false;    private ListenScrollView mScrollView;    private int mCurrentY = 0;        private ValueAnimator animator;    private DragAdapter adapter;    private int headDragPosition = 0;    private int footDragPosition = 0;    private int currentDragPosition = -1;        private boolean hasPositionChange = false;        private boolean canScroll = true;        private static final long ANIM_DURING = 250;    private Object swapeData;    public DragView(@NonNull Context context) {        this(context, null);    }    public DragView(@NonNull Context context, @Nullable AttributeSet attrs) {        this(context, attrs, -1);    }    public DragView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        init();    }    private void init() {        Context context = getContext();        mGridView = new NoScrollGridView(context);        mGridView.setVerticalScrollBarEnabled(false);        mGridView.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);        mGridView.setSelector(new ColorDrawable());        // View的宽高之类必须在测量,布局,绘制一系列过程之后才能获取到        mGridView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {            @Override            public void onGlobalLayout() {                if (mChilds.isEmpty()) {                    for (int i = 0; i < mGridView.getChildCount(); i++) {                        View view = mGridView.getChildAt(i);                        view.setTag(TAG_KEY, new int[]{0, 0});                        view.clearAnimation();                        mChilds.add(view);                    }                }                if (!mChilds.isEmpty()) {                    mColHeight = mChilds.get(0).getHeight();                }                mColWidth = mGridView.getColumnWidth();                if (mChildCount % mNumColumns == 0) {                    mMaxHeight = mColHeight * mChildCount / mNumColumns;                } else {                    mMaxHeight = mColHeight * (mChildCount / mNumColumns + 1);                }                canScroll = mMaxHeight - getHeight() > 0;                // 告知事件处理,完成View加载,许多属性也已经初始化了                isViewInitDone = true;            }        });        mScrollView = new ListenScrollView(context);        mGridView.setNumColumns(mNumColumns);        mScrollView.addView(mGridView, -1, -1);        addView(mScrollView, -1, -1);    }    private DataSetObserver observer = new DataSetObserver() {        @Override        public void onChanged() {            mChildCount = adapter.getCount();            // 下列属性状态清除,才会在被调用notifyDataSetChange时,在gridview测量布局完成后重新获取            mChilds.clear();            mColHeight = mColWidth = mMaxHeight = 0;            isViewInitDone = false;        }        @Override        public void onInvalidated() {            mChildCount = adapter.getCount();        }    };        private ValueAnimator.AnimatorUpdateListener animUpdateListener = new ValueAnimator.AnimatorUpdateListener() {        @Override        public void onAnimationUpdate(ValueAnimator animation) {            int targetY = Math.round((Float) animation.getAnimatedValue());            if (targetY < 0) {                targetY = 0;            } else if (targetY > mMaxHeight - getHeight()) {                targetY = mMaxHeight - getHeight();            }            // mGridView.scrollTo(0, targetY);            mScrollView.smoothScrollTo(0, targetY);            // mCurrentY = targetY;        }    };    public void setAdapter(DragAdapter adapter) {        if (this.adapter != null && observer != null) {            this.adapter.unreGISterDataSetObserver(observer);        }        this.adapter = adapter;        mGridView.setAdapter(adapter);        adapter.registerDataSetObserver(observer);        mChildCount = adapter.getCount();    }        public void translateView(int from, int to) {        View view = mChilds.get(from);        int fromXValue = ((int[]) view.getTag(TAG_KEY))[0];        int fromYValue = ((int[]) view.getTag(TAG_KEY))[1];        int toXValue = to % mNumColumns - from % mNumColumns + fromXValue;        int toYValue = to / mNumColumns - from / mNumColumns + fromYValue;        Animation animation = new TranslateAnimation(1, fromXValue, 1, toXValue, 1, fromYValue, 1, toYValue);        animation.setDuration(ANIM_DURING);        animation.setFillAfter(true);        view.setTag(TAG_KEY, new int[]{toXValue, toYValue});        view.startAnimation(animation);    }        public void onDragPositionChange(int from, int to) {        if (from > to) {            for (int i = to; i < from; i++) {                translateView(i, i + 1);            }        } else {            for (int i = to; i > from; i--) {                translateView(i, i - 1);            }        }        if (!hasPositionChange) {            hasPositionChange = true;        }        if ((from >= mChilds.size() || from < 0) || (to >= mChilds.size() || to < 0))            return;        adapter.onDataModelMove(from, to);        View view = mChilds.remove(from);        mChilds.add(to, view);        currentDragPosition = to;    }        public void onTouchAreaChange(int scrollStates) {        if (!canScroll) {            return;        }        if (animator != null) {            animator.removeUpdateListener(animUpdateListener);        }        if (scrollStates == 1) {// 从普通区域进入触发向上滚动的区域            int instance = mMaxHeight - getHeight() - mCurrentY;            animator = ValueAnimator.ofFloat(mCurrentY, mMaxHeight - getHeight());            animator.setDuration((long) (instance / 0.5f));            animator.setTarget(mGridView);            animator.addUpdateListener(animUpdateListener);            animator.start();        } else if (scrollStates == -1) {// 进入触发向下滚动的区域            animator = ValueAnimator.ofFloat(mCurrentY, 0);            animator.setDuration((long) (mCurrentY / 0.5f));            animator.setTarget(mGridView);            animator.addUpdateListener(animUpdateListener);            animator.start();        }    }        public int decodeTouchArea(MotionEvent ev) {        if (ev.getY() > (getHeight() + getY()) * 4 / (double) 5) {            return 1;        } else if (ev.getY() < (getHeight() + getY()) / (double) 5) {            return -1;        } else {            return 0;        }    }    public boolean isViewInitDone() {        return isViewInitDone;    }        public void setNoPositionChangeItemCount(int count) {        headDragPosition = count;    }        public void setFootNoPositionChangeItemCount(int count) {        footDragPosition = count;    }    public int getHeadDragPosition() {        return headDragPosition;    }    public int getFootDragPosition() {        return footDragPosition;    }    public int getGridChildCount() {        return mChilds.size();    }    public View getGridChildAt(int position) {        if (position < 0 || position >= mChilds.size())            return null;        return mChilds.get(position);    }    public int getGridChildPos(View view) {        return mGridView.indexOfChild(view);    }    public void setCurrentDragPosition(int currentDragPosition) {        this.currentDragPosition = currentDragPosition;    }    public int getCurrentDragPosition() {        return currentDragPosition;    }    public int getmColHeight() {        return mColHeight;    }    public int getmColWidth() {        return mColWidth;    }    public DragAdapter getAdapter() {        return adapter;    }    public boolean isHasPositionChange() {        return hasPositionChange;    }    public void setHasPositionChange(boolean hasPositionChange) {        this.hasPositionChange = hasPositionChange;    }    public boolean isCanScroll() {        return canScroll;    }    public void setOnItemClickListener(AdapterView.OnItemClickListener onItemClickListener) {        mGridView.setOnItemClickListener(onItemClickListener);    }    public void onItemLongClick(AdapterView.OnItemLongClickListener itemLongClickListener) {        itemLongClickListener.onItemLongClick(mGridView, childAt(currentDragPosition), currentDragPosition, 0);    }    public View childAt(int index) {        return mGridView.getChildAt(index);    }    public void dispatchEvent(MotionEvent ev) {        if (canScroll)            mScrollView.dispatchTouchEvent(ev);        else            mGridView.dispatchTouchEvent(ev);    }    public int eventToPosition(MotionEvent ev) {        if (ev != null) {            int m = (int) ev.getX() / mColWidth;            int n = (int) (ev.getY() - getY() + mCurrentY) / mColHeight;            int position = n * mNumColumns + m;            if (position >= mChildCount) {                return mChildCount - 1;            } else {                return position;            }        }        return 0;    }    public void addSwapView(Object data) {        adapter.addNewData(data);    }    public Object getSwapData() {        return adapter.getSwapData(currentDragPosition);    }    public void removeSwapView() {        if (adapter != null) {            adapter.removeData(currentDragPosition);            adapter.notifyDataSetChanged();        }    }    class ListenScrollView extends ScrollView {        public ListenScrollView(Context context) {            super(context);        }        @Override        protected void onScrollChanged(int l, int t, int oldl, int oldt) {            super.onScrollChanged(l, t, oldl, oldt);            mCurrentY = getScrollY();        }    }    class NoScrollGridView extends GridView {        public NoScrollGridView(Context context) {            super(context);        }                public int getColumnWidth() {            return getWidth() / getNumColumns();        }        public NoScrollGridView(Context context, AttributeSet attrs) {            super(context, attrs);        }        @Override        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {            int mExpandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);            super.onMeasure(widthMeasureSpec, mExpandSpec);        }    }}

DragAdapter的代码:

public abstract class DragAdapter extends BaseAdapter {        public abstract void onDataModelMove(int from, int to);        public View copyView(int position, View convertView, ViewGroup parent) {        return null;    }        public boolean isUseCopyView() {        return false;    }    public abstract Object getSwapData(int position);    public abstract void removeData(int position);    public void addNewData(Object data) {    }}

使用MainActivity:

class GridDragShortActivity : AppCompatActivity() {    override fun onCreate(savedInstanceState: Bundle?) {        super.onCreate(savedInstanceState)        window.attributes.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN                               or View.SYSTEM_UI_FLAG_IMMERSIVE or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION        setContentView(R.layout.activity_grid_drag_short)        //长按item响应该item的拖动排序,默认是触摸就开始拖动        drag_main.setDragModel(DragSortGridView.DRAG_BY_LONG_CLICK)        //设置每行个数//        drag_main.numColumns = 3        var arrayList = ArrayList<String>()        var list = ArrayList<String>()        for (i in 0..29) {            arrayList.add("" + i)        }        for (i in 0..29) {            list.add(('A' + i).toString())        }        drag_main.setBottomAdapter(CustomAdapter(list, this))        drag_main.setTopAdapter(CustomAdapter(arrayList, this))    }}

布局:activity_main.xml

<RelativeLayout xmlns:Android="Http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <com.mdzz.DragChessView            android:id="@+id/drag_main"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </LinearLayout></RelativeLayout>

布局 layout_drag_chess.xml:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <com.chineseall.bookshelf.mdzz.DragView        android:id="@+id/drag_top"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:background="#ffffff" />    <TextView        android:id="@+id/folder_title"        android:layout_width="match_parent"        android:layout_height="40dp"        android:background="#0586F9"        android:gravity="center"        android:text="@string/text"        android:textColor="#ffffff"        android:textSize="18sp" />    <com.chineseall.bookshelf.mdzz.DragView        android:id="@+id/drag_bottom"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:background="#ffffff" /></LinearLayout>

在实际使用中,可以更据需要再去拓展使用,代码演变过程中的另一个效果,来看看,以它结束这篇:

GridView如何实现拖拽排序及数据交互

感谢你能够认真阅读完这篇文章,希望小编分享的“GridView如何实现拖拽排序及数据交互”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!

--结束END--

本文标题: GridView如何实现拖拽排序及数据交互

本文链接: https://www.lsjlt.com/news/305116.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • GridView如何实现拖拽排序及数据交互
    这篇文章主要介绍了GridView如何实现拖拽排序及数据交互,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在研究项目中的一个效果的时候,查找资料过程中发现有人有这么一种需求,...
    99+
    2023-06-25
  • 聊聊GridView实现拖拽排序及数据交互的问题
    在研究项目中的一个效果的时候,查找资料过程中发现有人有这么一种需求,就是GridView在实现拖拽排序的基础上,如果是两个GridView之间实现拖拽效果,并要实现数据交互。 一、效...
    99+
    2024-04-02
  • vue拖拽组件vuedraggable API options如何实现盒子之间相互拖拽排序
    小编给大家分享一下vue拖拽组件vuedraggable API options如何实现盒子之间相互拖拽排序,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下...
    99+
    2024-04-02
  • React如何使用sortablejs实现拖拽排序
    目录React使用sortablejs实现拖拽排序sortablejs之强大的拖拽库安装基本示例常用配置总结React使用sortablejs实现拖拽排序 1、使用npm装包 $ n...
    99+
    2023-01-16
    React使用sortablejs sortablejs实现拖拽排序 sortablejs拖拽排序
  • JS前端canvas交互实现拖拽旋转及缩放示例
    目录正文拖拽旋转缩放小结正文 到目前为止,我们已经能够对物体进行点选和框选的操作了,但是这还不够,因为并没有什么实际性的改变,并且画布看起来也有点呆板,所以这个章节的主要目的就是让画...
    99+
    2022-11-13
    JS前端canvas交互 JS前端拖拽旋转缩放
  • 微信小程序如何实现长按拖拽排序功能
    本篇内容主要讲解“微信小程序如何实现长按拖拽排序功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序如何实现长按拖拽排序功能”吧!演示效果:wxml<view class...
    99+
    2023-06-30
  • jQuery如何实现表格的数据拖拽
    这篇文章给大家分享的是有关jQuery如何实现表格的数据拖拽的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下需求ant-design-vue2、将一个嵌套在drawer中的table数据拖拽复制到dra...
    99+
    2023-06-29
  • Vue组件设计之多列表拖拽交换排序功能实现
    目录1. 安装所需依赖2. 组件设计实现3. 组件使用示例在前端开发中,拖拽排序是一种提升用户体验非常好的方式,常见的场景有单列表拖拽排序,多列表拖拽交换排序,比如以下这种效果: ...
    99+
    2023-05-18
    vue拖拽交换排序 vue多列表拖拽交换排序 vue列表拖拽排序
  • Android用RecyclerView实现图标拖拽排序以及增删管理
    目录1. 效果图2. 基本的功能 3. 实现的思路 1. 每个应用图标的状态用枚举Option表示2. 在处于编辑状态时创建ItemTouchHelper对象并attch到Recyc...
    99+
    2024-04-02
  • SpringBoot如何实现数据交互
    这篇文章主要介绍“SpringBoot如何实现数据交互”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“SpringBoot如何实现数据交互”文章能帮助大家解决问题。1. 数据格式在实际的项目场景中,前...
    99+
    2023-06-29
  • 如何实现小程序canvas拖拽功能
    这篇“如何实现小程序canvas拖拽功能 ”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“如何实现小程序canvas拖拽功能 ...
    99+
    2023-06-26
  • 数据排序的精髓:运用 GridView 实现高效的排序机制
    在数据密集型应用程序中,高效地对数据进行排序至关重要。GridView 是一种强大的组件,它提供了对数据进行高效排序的多种方法。 GridView SortExpression 属性 GridView 的 SortExpression 属...
    99+
    2024-04-02
  • Android如何使用RecycleView实现拖拽交换item位置
    小编这次要给大家分享的是Android如何使用RecycleView实现拖拽交换item位置,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。老规矩,先来一张效果图:相比起ListView而言,Recyc...
    99+
    2023-05-30
    recycleview android recycle
  • QT与javascript交互数据如何实现
    这篇文章给大家分享的是有关QT与javascript交互数据如何实现的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、数据从QT流向JS1、QT调用JS的函数,JS通过形参获得QT的值2、JS调用QT的函数,QT...
    99+
    2023-06-15
  • 微信小程序如何实现数据交互与渲染
    小编给大家分享一下微信小程序如何实现数据交互与渲染,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!微信小程序 数据交互与渲染实现效...
    99+
    2024-04-02
  • 如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除
    如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。需求和技术分析RecyclerV...
    99+
    2023-05-31
    recyclerview android recycle
  • jquery如何实现表格行拖动排序
    这篇文章主要介绍了jquery如何实现表格行拖动排序,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下引入JS<script src="jq...
    99+
    2023-06-29
  • Java API 和 Django 如何实现实时数据交互?
    在当今互联网时代,数据交互已经成为了各种应用的基础。Java 和 Django 是两个非常流行的编程语言和框架,它们都具有强大的数据处理能力,那么如何利用 Java API 和 Django 实现实时数据交互呢? Java API 是一种...
    99+
    2023-07-03
    api 实时 django
  • 如何实现Django与数据库进行交互
    这篇文章主要介绍如何实现Django与数据库进行交互,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1 如何创建项目数据库首先,在虚拟机数据库中建立一个与项目同名的数据库,方便管理。(django_test) ...
    99+
    2023-06-15
  • mybatis如何实现的数据库排序
    目录mybatis数据库排序mybatis order by 排序方式能够很大程度防止sql注入order by 之后要使用$而非#mybatis数据库排序 今天用到了对数据库按照倒...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作