Android ListView 拖拽处理

最新推荐文章于 2019-07-05 20:28:49 发布

理通

最新推荐文章于 2019-07-05 20:28:49 发布

阅读量673

点赞数

分类专栏： Android

Android 专栏收录该内容

61 篇文章 1 订阅

订阅专栏

通过继承ListView实现可拖拽的ListView，先说说实现拖拽的原理吧，实现拖拽需要考虑三个问题：第一怎么确定你在拖拽listview里面的item的时候就是你手指当前选中的item；第二实现拖拽的效果，就是有一个浮动的层跟随你的手指在移动；第三你放开手指时怎么把你拖拽的这个item放到当前listView的位置（也就是说改变item的位置）。明白了这三个问题就比较好实现了。

里面会涉及到一些比较重要的方法调用，首先是pointToPosition(int x, int y)这方方法Android 官方的解释是” Maps a point to a position in the list”，我把它理解为通过x和y的位置来确定这个listView里面这个item的位置。有了这个方法就解决了第一和第三个问题了。接下来我们可以通过WindowManager来解决第二个问题，然后通过pointToPosition方法就可以获取你手指按下时的item，这个item其实就是你listview里面的item了，这样的就可以把这个item设置为是WindowManager的view，这样的话拖动的层的效果就模拟出来了，接下来是怎么让这个WindowManager跟随你的手指在移动。这个时候会涉及到WindowManager里面的updateViewLayout(view, layoutparams)来刷新WindowManager的位置，这样就实现了WindowManager会跟随你的手指在移动。最后就剩下你放下手指的时候怎么让你拖拽的item插入到listview里面，这个插入的动作其实包含了移除和插入这两个动作。这个时候你可能会问在某个位置插入这个item需要”position”和”item”两个参数，position我们可以通过pointToPosition方法来获取，然后要插入的“item”其实是你adapter里面数据。因为我们上面的一系列动作都是在listview里面完成的，但是在我们重写listview的时候是还没有给listview设置adapter是吧，这个问题的我们通过在重写listview的类中自定义一个接口，然后你在activity里面初始化listview数据的时候实现这个接口。接口里面只有一个方法，方法里面的两个参数一个是你开始拖拽的的item的位置，另一个是你拖拽移动之后之后的item的位置。下面我们看看效果吧：

Android实现可拖拽的ListViewAndroid实现可拖拽的ListViewAndroid实现可拖拽的ListView下面我们看看代码：

01
private final float mAlpha = 0.9f;
02
//拖动的view
03
private ImageView mDragView;
04
private Context mContext;
05
private WindowManager mWindowManager;
06
private WindowManager.LayoutParams mLayoutParams;
07
//开始拖动时的位置
08
private int mDragStartPosition;
09
//当前的位置
10
private int mDragCurrentPostion;
11
//在滑动的时候，手的移动要大于这个返回的距离值才开始移动控件
12
private int mScaledTouchSlop;
13
//当前位置距离边界的位置
14
private int mDragOffsetX;
15
private int mDragOffSetY;
16
//移动的位置
17
private int mDragPointX;
18
private int mDragPointY;
19
//边界
20
private int mUpperBound;
21
private int mLowerBound;
22
private DropViewListener mDropViewListener;
23

24
public DragListView(Context context) {
25
super(context);
26
mContext = context;
27
mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
28
mScaledTouchSlop = ViewConfiguration.get(mContext).getScaledTouchSlop();
29
}
30

31
public DragListView(Context context, AttributeSet attr) {
32
super(context, attr);
33
mContext = context;
34
mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
35
mScaledTouchSlop = ViewConfiguration.get(mContext).getScaledTouchSlop();
36
}
我们在onInterceptTouchEvent方法里面作初始化动作：

01
@Override
02
public boolean onInterceptTouchEvent(MotionEvent ev) {
03
//ev.getX()相对于控件本身左上角，ev.getRawX()相对于容器圆点位置
04
switch (ev.getAction()) {
05
case MotionEvent.ACTION_DOWN:
06
final int x = (int) ev.getX();//相对于空间本身
07
final int y = (int) ev.getY();
08
final int itemNum = pointToPosition(x, y);
09
if(itemNum == AdapterView.INVALID_POSITION){
10
break;
11
}
12
final ViewGroup item = (ViewGroup) getChildAt(itemNum - getFirstVisiblePosition());
13
mDragPointX = x - item.getLeft();
14
mDragPointY = y - item.getTop();
15
mDragOffsetX = ((int) ev.getRawX()) - x;
16
mDragOffSetY = ((int) ev.getRawY()) - y;
17

18
//长按
19
item.setOnLongClickListener(new OnLongClickListener() {
20
@Override
21
public boolean onLongClick(View v) {
22
//计算边界
23
final int height = getHeight();
24
mUpperBound = Math.min(y - mScaledTouchSlop, height / 3);
25
mLowerBound = Math.max(y + mScaledTouchSlop, height * 2 / 3);
26
mDragCurrentPostion = mDragStartPosition = itemNum;
27

28
item.setDrawingCacheEnabled(true);
29
Bitmap bitmap = Bitmap.createBitmap(item.getDrawingCache());
30
startDragging(bitmap, x, y);
31
return true;
32
}
33
});
34
break;
35
}
36
return super.onInterceptTouchEvent(ev);
37
}
这里面我们就记录了拖拽的当前和开始时位置mDragCurrentPostion和 mDragStartPosition，并通过startDragging来初始化mWindowManager，在startDragging方法里面调用的stopDragging方法其实是一个内存释放的过程，这个方法做的事情就是释放内存空间。
01
private void startDragging(Bitmap bitm, int x, int y){
02
stopDragging();
03

04
mLayoutParams = new WindowManager.LayoutParams();
05
mLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;
06
mLayoutParams.x = x - mDragPointX + mDragOffsetX;
07
mLayoutParams.y = y - mDragPointY + mDragOffSetY;
08
mLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
09
mLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
10
mLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
11
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
12
| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
13
| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN
14
| WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS;
15
mLayoutParams.format = PixelFormat.TRANSLUCENT;
16
mLayoutParams.windowAnimations = 0;
17

18
ImageView imageView = new ImageView(mContext);
19
imageView.setImageBitmap(bitm);
20
imageView.setBackgroundResource(R.drawable.tab_item_bg);
21
imageView.setPadding(0, 0, 0, 0);
22
mWindowManager.addView(imageView, mLayoutParams);
23
mDragView = imageView;
24
}
25

26
private void stopDragging(){
27
if(mDragView != null){
28
mWindowManager.removeView(mDragView);
29
mDragView.setImageDrawable(null);
30
mDragView = null;
31
}
32
}
我们在onInterceptTouchEvent方法记录了拖拽的开始位置和当前位置，并且初始化了windowmanager，接下来我们通过onTouchEvent方法来实现让windowmanager跟随你的手指移动
01
@Override
02
public boolean onTouchEvent(MotionEvent ev) {
03
if(mDragView != null && mDragCurrentPostion != INVALID_POSITION && mDropViewListener != null){
04
switch (ev.getAction()) {
05
case MotionEvent.ACTION_UP:
06
//int y = (int) ev.getY();
07
stopDragging();
08
//数据交换
09
if(mDragCurrentPostion >= 0 && mDragCurrentPostion < getCount()){
10
mDropViewListener.drop(mDragStartPosition, mDragCurrentPostion);
11
}
12
break;
13
case MotionEvent.ACTION_MOVE:
14
int x = (int) ev.getX();
15
int y = (int) ev.getY();
16
dragView(x, y);
17
if (y >= getHeight() / 3) {
18
mUpperBound = getHeight() / 3;
19
}
20
if (y <= getHeight() * 2 / 3) {
21
mLowerBound = getHeight() * 2 / 3;
22
}
23
int speed = 0;
24
if (y > mLowerBound) {
25
if (getLastVisiblePosition() < getCount() - 1) {
26
speed = y > (getHeight() + mLowerBound) / 2 ? 16 : 4;
27
} else {
28
speed = 1;
29
}
30
} else if (y < mUpperBound) {
31
speed = y < mUpperBound / 2 ? -16 : -4;
32
if (getFirstVisiblePosition() == 0
33
&& getChildAt(0).getTop() >= getPaddingTop()) {
34
speed = 0;
35
}
36
}
37
if (speed != 0) {
38
smoothScrollBy(speed, 30);
39
}
40
break;
41
}
42
return true;
43
}
44
return super.onTouchEvent(ev);
45
}
其中dragView方法就是根据你手指移动来改变windowmanager的位置，在移动的时候我们需要考虑的另外一个问题是你的listview滚动条的时候，这个时候我们需要考虑边界，不然会抛出空指针异常。
01
private void dragView(int x, int y){
02
if(mDragView != null){
03
mLayoutParams.alpha = mAlpha;
04
mLayoutParams.y = y - mDragPointY + mDragOffSetY;
05
mLayoutParams.x = x - mDragPointX + mDragOffsetX;
06
mWindowManager.updateViewLayout(mDragView, mLayoutParams);
07
}
08
int tempPosition = pointToPosition(0, y);
09
if(tempPosition != INVALID_POSITION){
10
mDragCurrentPostion = tempPosition;
11
}
12

13
//滚动
14
int scrollY = 0;
15
if(y < mUpperBound){
16
scrollY = 8;
17
}else if(y > mLowerBound){
18
scrollY = -8;
19
}
20

21
if(scrollY != 0){
22
int top = getChildAt(mDragCurrentPostion - getFirstVisiblePosition()).getTop();
23
setSelectionFromTop(mDragCurrentPostion, top + scrollY);
24
}
25
}
这样的话就完成了拖拽的效果，剩下的是你放开手指，然后把你拖拽的item插入到listview的列表里面，我们定义了一个接口
查看源码打印?
1
public void setDropViewListener(DropViewListener listener){
2
this.mDropViewListener = listener;
3
}
4

5
public interface DropViewListener {
6
void drop(int from, int to);
7
}
这样的话，你在初始化listview给listView设置adapter的时候需要实现DropViewListener接口，from和to两个参数分别是你拖拽时的最初位置和你移动后的位置，这样的话你在activity里面就可以实现数据插入了。
注意：
但是如果你的这listview的item包含了复选框的话，这个时候listview的onitemclicklistener事件就会失效，也就是说你不能通过你平时处理listview的onitemclicklistener的方法一样处理，你也可以通过自定义接口来模拟onitemclicklistener事件。