7.重写onTouchEvent()方法。
在这个方法中我们主要是处理拖动和放下。
拖动是选中项的影像随着手指滑动;放下是在拖动结束的时候交换数据。
方法的整体结构如下:
05 |
public boolean onTouchEvent(MotionEvent ev) { |
08 |
if (dragImageView!= null &&dragPosition!=INVALID_POSITION){ |
09 |
int action = ev.getAction(); |
11 |
case MotionEvent.ACTION_UP: |
12 |
int upY = ( int )ev.getY(); |
18 |
case MotionEvent.ACTION_MOVE: |
19 |
int moveY = ( int )ev.getY(); |
28 |
return super .onTouchEvent(ev); |
8.拖动影像。
拖动的时候,我们调用了onDrag(int y)方法,主要做的事情是,让选中项的影像随这手指滑动起来。如下:
1 |
if (dragImageView!= null ){ |
3 |
windowParams.alpha = 0 .8f; |
5 |
windowParams.y = y - dragPoint + dragOffset; |
7 |
windowManager.updateViewLayout(dragImageView, windowParams); |
当数据集合很大的时候,还需要在拖动到上部区域或者下部区域的时候滚动列表,使用ListView自带的方法setSelectionFromTop()。
一个可以滚动的拖拽列表雏形就出来了,最终onDrag()方法代码如下:
05 |
public void onDrag( int y){ |
06 |
if (dragImageView!= null ){ |
07 |
windowParams.alpha = 0 .8f; |
08 |
windowParams.y = y - dragPoint + dragOffset; |
09 |
windowManager.updateViewLayout(dragImageView, windowParams); |
12 |
int tempPosition = pointToPosition( 0 , y); |
13 |
if (tempPosition!=INVALID_POSITION){ |
14 |
dragPosition = tempPosition; |
21 |
} else if (y>downScrollBounce){ |
27 |
setSelectionFromTop(dragPosition, getChildAt(dragPosition-getFirstVisiblePosition()).getTop()+scrollHeight); |
拖动的效果如下:
9.放下影像,数据更新。
上面实现了拖动的效果,放下影像后:
1)我们要获取放下的位置是数据集合的哪一项;
2)在放下位置项插入拖动数据,并删除拖动数据原位置项
这些处理写在了onDrop()方法中,在ACTION_UP动作中执行,代码如下:
05 |
public void onDrop( int y){ |
09 |
int tempPosition = pointToPosition( 0 , y); |
10 |
if (tempPosition!=INVALID_POSITION){ |
11 |
dragPosition = tempPosition; |
15 |
if (y<getChildAt( 0 ).getTop()){ |
18 |
} else if (y>getChildAt(getChildCount()- 1 ).getBottom()){ |
21 |
dragPosition = getAdapter().getCount()- 1 ; |
25 |
if (dragPosition> 0 &&dragPosition<getAdapter().getCount()){ |
26 |
@SuppressWarnings ( "unchecked" ) |
27 |
ArrayAdapter<String> adapter = (ArrayAdapter<String>)getAdapter(); |
28 |
String dragItem = adapter.getItem(dragSrcPosition); |
30 |
adapter.remove(dragItem); |
32 |
adapter.insert(dragItem, dragPosition); |
放下时我们就能实现数据的更新了,拖动后的数据状态就能保存下来(虽然保存在dapter中了)。效果如下:
我处理了一下(在dapter的方法中定义getList()方法得到adpter中List<String>,使用toString()方法连接起来),把adapter的结果输出来看看:
![](https://pic002.cnblogs.com/images/2011/31770/2011061300330621.png)
至于数据的详细处理或者保存,不是本文拖拽的内容,只要抓住adapter集合分析应该很容易的。
三、拓展
10.分组拖拽拓展。
前面我们一直在数据源中添加了分组标签A组,B组的,下面我们就把数据分成A组,B组,更详细内容可参考 Android学习系列(9)--App列表之分组ListView。
1)定义分组标签样式布局drag_list_item_tag.xml。
01 |
<? xml version = "1.0" encoding = "utf-8" ?> |
03 |
android:layout_width = "fill_parent" |
04 |
android:layout_height = "wrap_content" |
05 |
android:background = "#555555" |
06 |
android:padding = "5dip" |
07 |
android:paddingLeft = "10dip" > |
10 |
android:id = "@+id/drag_list_item_text" |
11 |
android:layout_width = "wrap_content" |
12 |
android:layout_height = "20dip" |
13 |
android:textColor = "#ffffff" |
14 |
android:gravity = "center_vertical" /> |
2)修改DragListAdapter中getView()方法。
02 |
public View getView( int position, View convertView, ViewGroup parent) { |
03 |
View view = convertView; |
04 |
if (groupKey.contains(getItem(position))){ |
06 |
view = LayoutInflater.from(getContext()).inflate(R.layout.drag_list_item_tag, null ); |
09 |
view = LayoutInflater.from(getContext()).inflate(R.layout.drag_list_item, null ); |
12 |
TextView textView = (TextView)view.findViewById(R.id.drag_list_item_text); |
13 |
textView.setText(getItem(position)); |
3)禁用分组标签项的响应事件,在DragListAapter中重写方法isEnable()。
刚好因为在分组标签中去掉了拖拽图像,所以点击在分组标签中的话,dragImageView为空,不会有被拖动的效果了,这就是前面说的顺手的一个妙用了。
2 |
public boolean isEnabled( int position) { |
3 |
if (groupKey.contains(getItem(position))){ |
7 |
return super .isEnabled(position); |
4)标签项是不能拖动位置的,所以我们要修改一下onDrop()中的上边界控制。
2 |
if (y<getChildAt( 1 ).getTop()){ |
5 |
} else if (y>getChildAt(getChildCount()- 1 ).getBottom()){ |
7 |
dragPosition = getAdapter().getCount()- 1 ; |
最终效果为:
至此,拖拽ListView的实现结束了。
如果您发现有什么bug,联系我。