当前位置:  编程技术>移动开发

自定义ListView实现拖拽ListItem项交换位置(附源码)

    来源: 互联网  发布时间:2014-10-18

    本文导语:  写在前面的话 在上一篇实现了通过布局泵拿到不同布局为listitem布局,然后实现联系人的ListView,这一章要做的是拖拽ListView的Item项,本章原理是在上一篇博客基础之上的,上一篇博客:自定义Adapter并通过布局泵LayoutInflater抓...

写在前面的话
在上一篇实现了通过布局泵拿到不同布局为listitem布局,然后实现联系人的ListView,这一章要做的是拖拽ListView的Item项,本章原理是在上一篇博客基础之上的,上一篇博客:自定义Adapter并通过布局泵LayoutInflater抓取layout模板编辑每一个item

实现效果图
 

说明
首先我们看到的上面这张图就是实现的效果图了。拖动之后数据项完成交换位置。

功能剖析
我们看到做的这个效果是一个拖拽ListView的Item项位置的功能,在布局方面还是用基于布局泵LayoutInflater来从不同的Layout模板拿到不同的布局然后将view返回。关于布局这一点的知识在上一篇有详细说明,文章开头已经说明,OK,下面我们来剖析一下这个拖动效果的实现吧,下面的文章将会以方法执行的顺序来给出各个方法的代码。然后依次剖析每个方法的作用。

方法执行顺序
[DragView] -> [初始化ListViewContext,和触发move事件的最小距离变量]
[onInterceptTouchEvent] -> [初始化拖动的变量]
[startDrag] -> [准备拖动的影像、window等变量]
[stopDrag] -> [判断重置拖动的影像]
[startDrag] -> [准备拖动的影像、window等变量]
[onTouchEvent] -> [判断点击事件、根据动作做不同操作,或重新绘制Move影响,或者Stop停止拖动。交换数据,也就是下面的这两个方法]
[onDrag] -> [实现滚动的动作]
[onDrop] -> [实现数据item位置切换]
注意
上面的方法执行顺序只是大概逻辑,这其中还有判断和方法中调用其他方法,所以方法的调用是多次的,大家凑合看一下方法的大体功能吧,需要注意的是我们重写的onTouchEvent是要一直不断的监听我们的按键的,如果为Move的话也就是会一直不断的去调用onDrag方法去实现滚动的动作,在此我做了测试,给大家看一下打印的日志如下:
 
我们看到move日志被执行了多次。说明我们在拖动的时候一直在执行这个方法。下面我会给大家自定义ListView的代码,代码中注释量很大,可读性很高,推荐大家参考上面我给出的方法运行顺序去理解,最后我将给出运行源码。
代码如下:

package com.example.draglistview;
import com.example.draglistview.MainActivity.DragListAdapter;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.PixelFormat;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;
public class DragView extends ListView{
private ImageView imageView; //被拖动的图片
private int scaledTouchSlop; //判断拖动的距离

private int dragSrcPosition; //手指在touch事件触摸时候的原始位置
private int dragPosition; //手指拖动列表项时候的位置

private int dragPoint; //手指点击位置在当前数据项item中的位置,只有Y坐标
private int dragOffset; //当前视图listview在屏幕中的位置,只有Y坐标

private int upScrollBounce; //向上滑动的边界
private int downScrollBounce; //拖动的时候向下滑动的边界

private WindowManager windowManager = null; //窗口管理类
//窗口参数类
private WindowManager.LayoutParams layoutParams = null;



//注意该View如果在Layout xml 注册使用的话必须使用下面的这个构造进行初始化
public DragView(Context context, AttributeSet attrs) {
super(context, attrs);
//触发移动事件的最小距离
scaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}
//重写于absListView
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {

if(ev.getAction() == MotionEvent.ACTION_DOWN){
//获取的该touch事件的x坐标和y坐标,该坐标是相对于组件的左上角的位置
int x = (int) ev.getX();
int y = (int) ev.getY();
//赋值手指点击时候的开始坐标
dragSrcPosition = dragPosition = this.pointToPosition(x, y);
//如果点击在列表之外,也就是不允许的位置
if(dragPosition == AdapterView.INVALID_POSITION){
//直接执行父类,不做任何操作
return super.onInterceptTouchEvent(ev);
}

/***
* 锁定手指touch的列表item,
* 参数为屏幕的touch坐标减去listview左上角的坐标
* 这里的getChildAt方法参数为相对于组件左上角坐标为00的情况
* 故有下面的这种参数算法
*/
ViewGroup itemView = (ViewGroup) this.getChildAt(dragPosition-this.getFirstVisiblePosition());
/****
* 说明:getX Y为touch点相对于组件左上角的距离
* getRawX 、Y 为touch点相对于屏幕左上角的距离
* 参考http://blog.csdn.net/love_world_/article/details/8164293
*/
//touch点的view相对于该childitem的top坐标的距离
dragPoint = y-itemView.getTop();
//为距离屏幕左上角的Y减去距离组件左上角的Y,其实就是
//组件上方的view+标题栏+状态栏的Y
dragOffset = (int) (ev.getRawY()-y);

//拿到拖动的imageview对象
View drager = itemView.findViewById(R.id.imageView1);

//判断条件为拖动touch图片是否为null和touch的位置,是否符合
if(drager != null && x>drager.getLeft()-20){

//判断得出向上滑动和向下滑动的值
upScrollBounce = Math.min(y-scaledTouchSlop, getHeight()/3);
downScrollBounce = Math.max(y+scaledTouchSlop, getHeight()*2/3);
//启用绘图缓存
itemView.setDrawingCacheEnabled(true);
//根据图像缓存拿到对应位图
Bitmap bm = Bitmap.createBitmap(itemView.getDrawingCache());
startDrag(bm, y);
}
return false;
}
return super.onInterceptTouchEvent(ev);
}


//重写OnTouchEvent,触摸事件
@Override
public boolean onTouchEvent(MotionEvent ev) {
if(imageView != null && dragPosition != INVALID_POSITION){
int currentAction = ev.getAction();

switch (currentAction) {
case MotionEvent.ACTION_UP:
int upY = (int) ev.getY();
//还有一些操作
stopDrag();
onDrop(upY);
break;
case MotionEvent.ACTION_MOVE:
Log.v("move", "move---------");
int moveY = (int) ev.getY();
onDrag(moveY);
break;
default:
break;
}
return true;
}
//决定了选中的效果
return super.onTouchEvent(ev);
}



/****
* 准备拖动,初始化拖动时的影像,和一些window参数
* @param bm 拖动缓存位图
* @param y 拖动之前touch的位置
*/
public void startDrag(Bitmap bm,int y){
stopDrag();
layoutParams = new WindowManager.LayoutParams();
//设置重力
layoutParams.gravity = Gravity.TOP;
//横轴坐标不变
layoutParams.x = 0;
/**
*
* y轴坐标为 视图相对于自身左上角的Y-touch点在列表项中的y
* +视图相对于屏幕左上角的Y,=
* 该view相对于屏幕左上角的位置
*/
layoutParams.y = y-dragPoint+dragOffset;
/****
* 宽度和高度都为wrapContent
*/
layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

/****
* 设置该layout参数的一些flags参数
*/
layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
//设置该window项是半透明的格式
layoutParams.format = PixelFormat.TRANSLUCENT;
//设置没有动画
layoutParams.windowAnimations = 0;

//配置一个影像ImageView
ImageView imageViewForDragAni = new ImageView(getContext());
imageViewForDragAni.setImageBitmap(bm);
//配置该windowManager
windowManager = (WindowManager) this.getContext().getSystemService("window");
windowManager.addView(imageViewForDragAni, layoutParams);
imageView = imageViewForDragAni;
}

/***
* 停止拖动,去掉拖动时候的影像
*/
public void stopDrag(){
if(imageView != null){
windowManager.removeView(imageView);
imageView = null;
}
}


/****
* 拖动方法
* @param y
*/
public void onDrag(int y){

if(imageView != null){
//透明度
layoutParams.alpha = 0.8f;
layoutParams.y = y-this.dragPoint+this.dragOffset;
windowManager.updateViewLayout(imageView, layoutParams);
}


//避免拖动到分割线返回-1
int tempPosition = this.pointToPosition(0, y);
if(tempPosition != this.INVALID_POSITION){
this.dragPosition = tempPosition;
}


int scrollHeight = 0;
if(ydownScrollBounce){
scrollHeight = -8;//定义向下滚动8个像素,,如果可以向上滚动的话
}

if(scrollHeight!=0){
//真正滚动的方法setSelectionFromTop()
setSelectionFromTop(dragPosition, getChildAt(dragPosition-getFirstVisiblePosition()).getTop()+scrollHeight);
}
}


/***
* 拖动放下的时候
* param : y
*/
public void onDrop(int y){
int tempPosition = this.pointToPosition(0, y);
if(tempPosition != this.INVALID_POSITION){
this.dragPosition = tempPosition;
}

//超出边界处理
if(ygetChildAt(getChildCount()-1).getBottom()){
//超出下边界
dragPosition = getAdapter().getCount()-1;
//
}
//数据交换
if(dragPosition>0&&dragPosition

    
 
 

您可能感兴趣的文章:

  • 关于linux 内核源码中static struct pci_driver vortex_driver的定义的问题
  • 不显示删除回复显示所有回复显示星级回复显示得分回复 ubuntu 安装mysql源码失败,好像是没有找到hostent_data的定义。急~~~~~~~~~~
  • 自定义GridView并且实现拖拽(附源码)
  • Android源码学习之组合模式定义及应用
  • java命名空间javax.swing.text.html类listview的类成员方法: listview定义及介绍
  • Adapter实现ListView带多选框等状态的自定义控件的注意事项
  • java命名空间javax.swing.text.html类listview的类成员方法: setpropertiesfromattributes定义及介绍
  • ListView的Adapter使用(绑定数据) 之 自定义每一项的布局去绑定数据
  • java命名空间javax.swing.text.html类listview的类成员方法: paint定义及介绍
  • Android中使用ListView绘制自定义表格技巧分享
  • java命名空间javax.swing.text.html类listview的类成员方法: paintchild定义及介绍
  • Android自定义Adapter的ListView的思路及代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间java.awt类radialgradientpaint的类成员方法: getradius定义及介绍
  • 请问可以用宏定义定义一个二维数组吗?
  • java命名空间javax.xml.stream类xmlinputfactory成员方法: seteventallocator定义参考
  • 想修改路径定义,想找到在哪里定义的,应该怎么办?
  • java命名空间java.text接口attributedcharacteriterator的类成员方法: getallattributekeys定义及介绍
  • php定义数组和使用示例(php数组的定义方法)
  • java命名空间java.beans接口propertyeditor的类成员方法: supportscustomeditor定义及介绍
  • 上次问题解决了,原来是extern被重定义了。。。天阿,关键字也可以被重定义。。。。。欢迎接分
  • java命名空间javax.swing类jtextarea的类成员方法: getcolumnwidth定义及介绍
  • 如何定义一个可变参数的自定义函数
  • java命名空间javax.swing类jtextfield的类成员方法: getcolumnwidth定义及介绍
  • 下面的变量我都下了定义,为什么还出现没定义的信息
  • java命名空间javax.swing类actionmap的类成员方法: allkeys定义及介绍
  • oracle异常(预定义异常,自定义异常)应用介绍
  • java命名空间javax.swing类inputmap的类成员方法: allkeys定义及介绍
  • 为什么我在头文件time.h里找不到time_t的定义呢?只有这个定义typedef __time_t time_t;
  • java命名空间javax.rmi.corba接口valuehandler的类成员方法: iscustommarshaled定义及介绍
  • 函数有定义怎么提示没有低能定义的错误呢?
  • java命名空间javax.swing类jcomponent的类成员方法: resetkeyboardactions定义及介绍
  • android自定义控件和自定义回调函数步骤示例
  • java命名空间java.beans接口customizer的类成员方法: setobject定义及介绍
  • 自定义公共类的装载,包的定义




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3