DragSortListVie的学习

最新推荐文章于 2024-03-22 04:16:56 发布

maijiang_122

最新推荐文章于 2024-03-22 04:16:56 发布

阅读量320

点赞数

本文链接：https://blog.csdn.net/maijiang_122/article/details/90678092

版权

listview实现拖动排序—DragSortListVie

简介
如何实现
API介绍
主要步骤
实现结果

简介

DragSortListView是github上一个开源项目，支持拖拽排序和左右滑动删除功能，继承自listView,使用其可以使：1. 在拖动时提供更平滑的列表滚动效果，不会对界面的已有元素造成视觉上的干扰。
2. 提供了startDrag()和stopDrag()公共方法，也就是你可以在任意地方控制拖动。
3. 每个item的高度可以不同。

如何实现

DragSortListView主要使用了三个以下元素来定义拖拽排序：

数据重排 ，拖动排序会重新改写list中的数据顺序，因为DragSortListView不知道你的数据具体如何组织，所以重新组织数据必须通过实现提供的监听接口来实现；
拖动开始和结束/startDrag()和stopDrag() 通过调用 startDrag() 和 stopDrag() 函数来启动或者停止拖动操作。其实一般拖动效果都是助手类DragSortController（提供了所有常用的开始/停止/删除拖拽操作功能）来完成；
浮动视图/floationg view ，floating view的外观和行为是由实现了SimpleFloatViewManager(自定义) 接口的类控制的。可以通过它将任何view展示出漂浮的效果；

API介绍

DragSortListView.DropListener>>该接口监听上下拖动时,位置变化的监听器;
DragSortListView.RemoveListener>>该接口监听左右拖动时,滑动成功删除数据的接口;
FloatViewManager:是上下拖动时,出现的悬浮框控制包括声明和销毁的控制；
DragSortListView:设置拖动的开关;并设置回调的监听器,因为系统不知道我们数据操作的
具体业务；
DragSortController:该控制器实现了FloatViewManager,同时实现了OnTouchListener;
说明,大部分拖动所产生的操作都在Controller里面。删除操作的开关也是Controller;
同时,定义删除和拖拉的模式也在Controller里面。系统提供setDragHandleId()方法来设置操作的View。

主要步骤

布局

布局其实没什么特别的，就是普通的listview布局
item的布局：

<?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:background="#FFFFFF"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ff6347">

        <TextView
            android:id="@+id/dragsort_listview_item_textview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@+id/dragsort_listview_item_layout"
            android:ellipsize="end"
            android:gravity="center|left"
            android:lineSpacingExtra="5dp"
            android:padding="15dp"
            android:textColor="#FFFFFF"
            android:textSize="14sp" />

        <RelativeLayout
            android:id="@+id/dragsort_listview_item_layout"
            android:layout_width="40dp"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerInParent="true">

        </RelativeLayout>

    </RelativeLayout>


</LinearLayout>

主界面布局

<?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"
    xmlns:dslv="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <com.wjn.myview.view.DragSortListView
        android:id="@+id/activity_dragsortlistview_listview"
        dslv:click_remove_id="@id/dragsort_listview_item_layout"
        dslv:collapsed_height="1px"
        dslv:drag_enabled="true"
        dslv:drag_handle_id="@id/dragsort_listview_item_textview"
        dslv:drag_scroll_start="0.33"
        dslv:drag_start_mode="onDown"
        dslv:float_alpha="0.6"
        dslv:slide_shuffle_speed="0.3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="15dp"
        android:layout_marginRight="10dp"
        android:divider="#FFFFFF"
        android:dividerHeight="10dp"
        android:scrollbars="none">

    </com.wjn.myview.view.DragSortListView>

</LinearLayout>

在Activity中设置DragSortListViewActivity

public class DragSortListViewActivity extends AppCompatActivity {

            private DragSortListView dragSortListView;
            private DragSortAdapter dragSortAdapter;
            private List<MyJaveBean> list;

            // 监听器在手机拖动停下的时候触发
            private DragSortListView.DropListener onDrop = new DragSortListView.DropListener() {
                @Override
                public void drop(int from, int to) {// from to 分别表示 被拖动控件原位置 和目标位置
                    if (from != to) {
                        MyJaveBean item = (MyJaveBean) dragSortAdapter.getItem(from);// 得到listview的适配器
                        dragSortAdapter.remove(from);// 在适配器中”原位置“的数据。
                        dragSortAdapter.insert(item, to);// 在目标位置中插入被拖动的控件。
                    }
                }
            };

            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_dragsortlistview);

                dragSortListView=findViewById(R.id.activity_dragsortlistview_listview);
                dragSortListView.setDropListener(onDrop);
                list=new ArrayList<MyJaveBean>(4);
                MyJaveBean myJaveBean1=new MyJaveBean();
                myJaveBean1.setName("高数");

                MyJaveBean myJaveBean2=new MyJaveBean();
                myJaveBean2.setName("英语");

                MyJaveBean myJaveBean3=new MyJaveBean();
                myJaveBean3.setName("数据结构");

                MyJaveBean myJaveBean4=new MyJaveBean();
                myJaveBean4.setName("政治");


                list.add(myJaveBean1);
                list.add(myJaveBean2);
                list.add(myJaveBean3);
                list.add(myJaveBean4);

                dragSortAdapter=new DragSortAdapter(DragSortListViewActivity.this,list);
                dragSortListView.setAdapter(dragSortAdapter);
                dragSortListView.setDragEnabled(true); // 设置是否可拖动。
            }
}

list自定义类型为MyJaveBean,其类中主要就是id，name和get，set方法，不赘述

private DragSortListView.DropListener onDrop = new DragSortListView.DropListener() {
    @Override
    public void drop(int from, int to) {// from to 分别表示 被拖动控件原位置 和目标位置
        if (from != to) {
            MyJaveBean item = (MyJaveBean) dragSortAdapter.getItem(from);// 得到listview的适配器
            dragSortAdapter.remove(from);// 在适配器中”原位置“的数据。
            dragSortAdapter.insert(item, to);// 在目标位置中插入被拖动的控件。
        }
    }
};

这里用到了DragSortListView.DropListener唯一一个回调函数drop，from表示从哪个子view开始，to表示拖到哪个子view。而函数中用到适配器的remove 和insert方法，所谓实现拖动后排序，其实就是得到原来位置上的item，删除原来位置的数据，并在新位置插入选中的item。
而当拖动的View位于一个新条目上方的时候会调用DragSortListView.DragListener中的回调drag，如下。这个listener其实是一个监听拖动路径，即拖动过程中经过了那几个item。

public interface DragListener {
    public void drag(int from, int to);
}

DragSortListView

在该类中，通过设置adapter来让系统知道到底进行什么操作，代码如下：

@Override
public void setAdapter(ListAdapter adapter) {
    if (adapter != null) {
        mAdapterWrapper = new AdapterWrapper(adapter);
        adapter.registerDataSetObserver(mObserver);

        if (adapter instanceof DropListener) {
            setDropListener((DropListener) adapter);
        }
        if (adapter instanceof DragListener) {
            setDragListener((DragListener) adapter);
        }
        if (adapter instanceof RemoveListener) {
            setRemoveListener((RemoveListener) adapter);
        }
    } else {
        mAdapterWrapper = null;
    }

    super.setAdapter(mAdapterWrapper);
}

适配器DragSortAdapter

public class DragSortAdapter extends BaseAdapter {

    private Context context;
    private List<MyJaveBean> list;
    public DragSortAdapter(Context context, List<MyJaveBean> list){
        this.context=context;
        this.list=list;
    }

    @Override
    public int getCount() {

        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    public void remove(int arg0) {// 删除指定位置的item
        list.remove(arg0);
        this.notifyDataSetChanged();// 不要忘记更改适配器对象的数据源
    }

    public void insert(MyJaveBean item, int arg0) {// 在指定位置插入item
        list.add(arg0, item);
        this.notifyDataSetChanged();
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if(null==convertView){
            convertView=View.inflate(context, R.layout.dragsort_listview_item,null);
            viewHolder=new ViewHolder();
            viewHolder.dellayout= (RelativeLayout) convertView.findViewById(R.id.dragsort_listview_item_layout);
            viewHolder.titletextview= (TextView) convertView.findViewById(R.id.dragsort_listview_item_textview);
            convertView.setTag(viewHolder);
        }else{
            viewHolder= (ViewHolder) convertView.getTag();
        }

        String name=list.get(position).getName();
        viewHolder.titletextview.setText(name);

        return convertView;
    }

    public static class ViewHolder{
        private TextView titletextview;
        private RelativeLayout dellayout;
    }

}

其中viewHolder用来缓存myJavaBean对象，而不必每次都重新创建很多对象，从而提升性能。加载数据是在public View getView(int position, View convertView, ViewGroup parent) {}方法中进行的。即将每一次都重新定义一个View载入布局，再加载数据。

浮动视图管理类SimpleFloatViewManager

这里自定义一个简单的浮动视图管理类继承DragSortListView.FloatViewManager

public class SimpleFloatViewManager implements DragSortListView.FloatViewManager {

    private Bitmap mFloatBitmap;

    private ImageView mImageView;

    private int mFloatBGColor = Color.BLACK;

    private ListView mListView;

    public SimpleFloatViewManager(ListView lv) {
        mListView = lv;
    }

    public void setBackgroundColor(int color) {
        mFloatBGColor = color;
    }

    /**
     * 创建位图副本
     */
    @Override
    public View onCreateFloatView(int position) {
        View v = mListView.getChildAt(position + mListView.getHeaderViewsCount() - mListView.getFirstVisiblePosition());

        if (v == null) {
            return null;
        }

        v.setPressed(false);

        // Create a copy of the drawing cache so that it does not get
        // recycled by the framework when the list tries to clean up memory
        //v.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH);
        v.setDrawingCacheEnabled(true);
        mFloatBitmap = Bitmap.createBitmap(v.getDrawingCache());
        v.setDrawingCacheEnabled(false);

        if (mImageView == null) {
            mImageView = new ImageView(mListView.getContext());
        }
        mImageView.setBackgroundColor(mFloatBGColor);
        mImageView.setPadding(0, 0, 0, 0);
        mImageView.setImageBitmap(mFloatBitmap);
        mImageView.setLayoutParams(new ViewGroup.LayoutParams(v.getWidth(), v.getHeight()));

        return mImageView;
    }

    @Override
    public void onDragFloatView(View floatView, Point position, Point touch) {
        // do nothing
    }

    /**
     * 从OnCreateFloatView（）中创建的ImageView中删除位图，并通知系统回收。
     */
    @Override
    public void onDestroyFloatView(View floatView) {
        ((ImageView) floatView).setImageDrawable(null);

        mFloatBitmap.recycle();
        mFloatBitmap = null;
    }

}

同时要注意控制器DragSortController继承的是自定义的SimpleFloatViewManager和View.OnTouchListener 接口来监听点击事件。

实现结果

在这里插入图片描述
本篇文章参考了(https://www.cnblogs.com/krislight1105/p/3748288.html)
作者：周茹平原文地址

maijiang_122

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DragSortListVie的学习

listview实现拖动排序—DragSortListVie简介如何实现API介绍主要步骤布局在Activity中设置DragSortListViewActivityDragSortListView适配器DragSortAdapter浮动视图管理类SimpleFloatViewManager实现结果简介DragSortListView是github上一个开源项目，支持拖拽排序和左右滑动删除功能...
复制链接

扫一扫