美文网首页
自定义可拖拽GridView控件

自定义可拖拽GridView控件

作者: Demon_gu | 来源:发表于2018-05-03 11:11 被阅读0次

1、概述

项目要求一个可拖拽的gridview功能,主要是可以长按图标,然后手指移动到对应位置,松开后图标移动到对应手指松开的位置,后面的图标依次挪移一个position。

2、效果图

拖拽前效果图 拖拽后效果图

3、重写dispatchTouchEvent方法

/** 
 * 长按的Runnable 
 */  
private Runnable mLongClickRunable = new Runnable() {  
    @Override  
    public void run() {  
        isDrag = true;  
        //mVibrator.vibrate(200);  
        //隐藏该item  
        mDragView.setVisibility(INVISIBLE);  
        //在点击的地方创建并显示item镜像  
        createDragView(mDragBitmap, mDownX, mDownY);  
    }  
};  
/** 
 * 当moveY的值大于向上滚动的边界值,触发GridView自动向上滚动 
 * 当moveY的值小于向下滚动的边界值,触犯GridView自动向下滚动 
 * 否则不进行滚动 
 */  
private Runnable mScrollRunbale = new Runnable() {  
    @Override  
    public void run() {  
        int scrollY = 0;  
        if (mMoveY > mUpScrollBorder){  
            scrollY = mSpeed;  
            mHandler.postDelayed(mScrollRunbale,25);  
        }else if (mMoveY < mDownScrollBorder){  
            scrollY = -mSpeed;  
            mHandler.postDelayed(mScrollRunbale,25);  
        }else {  
            scrollY = 0;  
            mHandler.removeCallbacks(mScrollRunbale);  
        }  
        smoothScrollBy(scrollY,10);  
    }  
};  

5、对外暴露的方法

/************************对外提供的接口***************************************/  
public boolean isDrag() {  
    return isDrag;  
}  
//设置是否可拖拽  
public void setDrag(boolean drag) {  
    isDrag = drag;  
}  
public long getDragResponseMs() {  
    return mDragResponseMs;  
}  
//设置长按响应时长  
public void setDragResponseMs(long mDragResponseMs) {  
    this.mDragResponseMs = mDragResponseMs;  
}  
public void setOnItemChangeListener(OnItemChangeListener changeListener) {  
    this.changeListener = changeListener;  
}  
/******************************************************************************/  

6、如何在页面中调用

DragGridView dragGridView = findViewById(R.id.dgv);  
dragGridView.setNumColumns(NUM_COLUMNS);  
initData();  
mMoreColorTypeAdapter = new MoreColorTypeAdapter(this, true, data, NUM_COLUMNS);  
dragGridView.setAdapter(mMoreColorTypeAdapter);  
dragGridView.setOnItemClickListener(this);  
dragGridView.setOnItemChangeListener(new DragGridView.OnItemChangeListener() {  
    @Override  
    public void onChange(int from, int to) {  
        Data dataBean = data.get(from);  
        //直接交互  
        //Collections.swap(dataSourceList,from,to);  
        //非直接交互 这里的处理需要注意下 排序交换  
        if(from < to){  
            for(int i = from; i < to; i++){  
                Collections.swap(data, i, i + 1);  
            }  
        }else if(from > to){  
            for(int i = from; i > to; i--){  
                Collections.swap(data, i, i - 1);  
            }  
        }  
        data.set(to, dataBean);  
        mMoreColorTypeAdapter.notifyDataSetChanged();  
    }  
    @Override  
    public void onStop() {  
        //拖动停止  
    }  
});  

源码下载地址

相关文章

  • 自定义可拖拽GridView控件

    1、概述 项目要求一个可拖拽的gridview功能,主要是可以长按图标,然后手指移动到对应位置,松开后图标移动到对...

  • 新手引导界面ShowcastView

    Android程序员面试宝典 自定义控件 一分钟实现新手引导页 一分钟实现轮播图 一分钟实现GridView拖拽 ...

  • Android面试题-CardView 设置水波纹效果

    Android程序员面试宝典 自定义控件 一分钟实现新手引导页 一分钟实现轮播图 一分钟实现GridView拖拽 ...

  • 带你一步步实现可拖拽的GridView控件

    博文出处:带你一步步实现可拖拽的GridView控件,欢迎大家关注我的博客,谢谢! 经常使用网易新闻的童鞋都知道在...

  • Android自定义View(7)利用贝塞尔曲线仿QQ消息拖拽气

    先看看最终效果: 这个自定义控件可以实现与绑定控件解耦,无论是什么控件,只要一行代码绑定即可实现拖拽的效果,并且可...

  • 必看的android - 收藏集 - 掘金

    可拖拽排序合并内容并分类的自定义控件 - Android - 掘金实现原理 ClassifyView包裹这一个Re...

  • 可拖拽GridView代码解析

    分为三步来说明拖拽是怎么实现的。 1)如何让拖拽的Item来随着手指的移动而移动。 2)拖拽过程中相关item的移...

  • AndroidTagView 云标签

    介绍 可自定义的标签视图,支持添加标签,点击,长按弹出删除对话框,以及拖拽排序。 Github 类似控件 andr...

  • flutter-两个列表之间元素拖拽

    首先需要完成一个GridView内的元素拖拽交换位置; 然后解决两个GridView之间拖拽的数据问题.(List...

  • 2

    结构 1:自定义组合控件,自定义属性 2:抽取样式 3:设置有跑马灯要过的文字或者图片 4:使用GridView

网友评论

      本文标题:自定义可拖拽GridView控件

      本文链接:https://www.haomeiwen.com/subject/padkrftx.html