Android 个人相册图片拖拽排序

效果图如下：

代码1：具体核心代码：

private ItemTouchHelper helper = new ItemTouchHelper(new ItemTouchHelper.Callback() {@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {//设置监听拖拽的方向int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;int swipeFlags = 0; return makeMovementFlags(dragFlags, swipeFlags);}@Overridepublic boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {int fromPosition = viewHolder.getAdapterPosition();//得到item原来的positionint toPosition = target.getAdapterPosition();//得到目标positionif ((toPosition == listImgData.size() - 1 || listImgData.size() - 1 == fromPosition) && TextUtils.equals(listImgData.get(listImgData.size() - 1), "add")) {return true;}//滑动事件Collections.swap(listImgData, viewHolder.getAdapterPosition(), target.getAdapterPosition());mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());return false;}@Overridepublic void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {}@Overridepublic boolean isLongPressDragEnabled() {//是否可拖拽return false;}@Overridepublic void onSelectedChanged(@Nullable RecyclerView.ViewHolder viewHolder, int actionState) {super.onSelectedChanged(viewHolder, actionState);if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {viewHolder.itemView.setScaleX(1.1f);viewHolder.itemView.setScaleY(1.1f);}}@Overridepublic void clearView(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {super.clearView(recyclerView, viewHolder);if (!recyclerView.isComputingLayout()) {//拖拽结束后恢复view的状态viewHolder.itemView.setScaleX(1.0f);viewHolder.itemView.setScaleY(1.0f);}}});

这里是否可以拖拽都是靠 isLongPressDragEnabled 这个回调设置的，如果设置fase是不能拖拽的，由于我这里最后一个是不能进行拖拽的,但是设置false就全部不能进行拖拽了，我们的需要的效果就是其他可以拖拽，最后一个或者特定字符的不需要拖拽

先查看源码，发现这里使用了isLongPressDragEnabled

 private class ItemTouchHelperGestureListener extends GestureDetector.SimpleOnGestureListener {ItemTouchHelperGestureListener() {}@Overridepublic boolean onDown(MotionEvent e) {return true;}@Overridepublic void onLongPress(MotionEvent e) {View child = findChildView(e);if (child != null) {ViewHolder vh = mRecyclerView.getChildViewHolder(child);if (vh != null) {if (!mCallback.hasDragFlag(mRecyclerView, vh)) {return;}int pointerId = e.getPointerId(0);// Long press is deferred.// Check w/ active pointer id to avoid selecting after motion// event is canceled.if (pointerId == mActivePointerId) {final int index = e.findPointerIndex(mActivePointerId);final float x = e.getX(index);final float y = e.getY(index);mInitialTouchX = x;mInitialTouchY = y;mDx = mDy = 0f;if (DEBUG) {Log.d(TAG,"onlong press: x:" + mInitialTouchX + ",y:" + mInitialTouchY);}if (mCallback.isLongPressDragEnabled()) {select(vh, ACTION_STATE_DRAG);}}}}}}

上面源码ItemTouchHelperGestureListener是手指拖拽的一个监听

如果长按的时候isLongPressDragEnabled 返回false ，控件就不会出现拖拽

上面代码用于监听触摸手势

触摸手势的触摸监听又由下面代码传入触摸事件

最开始的触摸事件监听是RecyclerView的

由此可见，重新自定义一个触摸手势长按事件可满足我们的需求

想法：需要拖拽执行就必须执行 select(vh, ACTION_STATE_DRAG); 这个方法

看了看源码，尴尬，这个方法不能外部调用的，反正这个方法就是长按的时候可以让你拖拽

继续查看刚刚的按个是否可以长按拖拽，发现旁边有个 startDrag 的方法，

   /*** Returns whether ItemTouchHelper should start a drag and drop operation if an item is* long pressed.* <p>* Default value returns true but you may want to disable this if you want to start* dragging on a custom view touch using {@link #startDrag(ViewHolder)}.** @return True if ItemTouchHelper should start dragging an item when it is long pressed,* false otherwise. Default value is <code>true</code>.* @see #startDrag(ViewHolder)*/public boolean isLongPressDragEnabled() {return true;}

发现startDrag 里面也是执行了 select(vh, ACTION_STATE_DRAG); 这个进行开始拖拽的

代码2：自定义手势触摸代码：

public abstract class OnRecyclerItemClickListener implements RecyclerView.OnItemTouchListener {private GestureDetectorCompat mGestureDetector;private RecyclerView recyclerView;public OnRecyclerItemClickListener(RecyclerView recyclerView) {this.recyclerView = recyclerView;mGestureDetector = new GestureDetectorCompat(recyclerView.getContext(), new ItemTouchHelperGestureListener());}@Overridepublic boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {mGestureDetector.onTouchEvent(e);return false;}@Overridepublic void onTouchEvent(RecyclerView rv, MotionEvent e) {mGestureDetector.onTouchEvent(e);}@Overridepublic void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {}private class ItemTouchHelperGestureListener extends GestureDetector.SimpleOnGestureListener {@Overridepublic boolean onSingleTapUp(MotionEvent e) {View child = recyclerView.findChildViewUnder(e.getX(), e.getY());if (child != null) {RecyclerView.ViewHolder vh = recyclerView.getChildViewHolder(child);onItemClick(vh);}return true;}@Overridepublic void onLongPress(MotionEvent e) {View child = recyclerView.findChildViewUnder(e.getX(), e.getY());if (child != null) {RecyclerView.ViewHolder vh = recyclerView.getChildViewHolder(child);onItemLongClick(vh);}}}public abstract void onItemClick(RecyclerView.ViewHolder vh);public abstract void onItemLongClick(RecyclerView.ViewHolder vh);}

代码3：设置监听，mRecyclerView是你项目里面的，设置好图片就可以添加下面的监听

helper.attachToRecyclerView(mRecyclerView);
mRecyclerView.addOnItemTouchListener(new OnRecyclerItemClickListener(mRecyclerView) {@Overridepublic void onItemClick(RecyclerView.ViewHolder vh) {}@Overridepublic void onItemLongClick(RecyclerView.ViewHolder vh) {//如果item不是最后一个，则执行拖拽if (vh.getLayoutPosition() != listImgData.size() - 1) {helper.startDrag(vh);} else if (!TextUtils.equals(listImgData.get(listImgData.size() - 1), "add")) {helper.startDrag(vh);}}});

上面就是大体代码了

Android 个人相册图片拖拽排序相关推荐

JS的平凡之路--简易的图片拖拽排序
由HTML5的拖放API,实现的简易图片拖放效果. 一.HTML5拖放API的知识点首先我们得知道元素怎么才可以被拖放,需要设置它们的draggable属性,其中img和a标签的dragable ...
antd vue3 图片上传组件扩展，支持多图上传图片拖拽排序等
组件涉及到 vue3.2.vite.Ant Design Vue 3.2.16.Windi CSS样式库.vuedraggable-es拖拽库等组件功能图片拖拽多图上传自定义图片加载样式自定 ...
手机端适用：图片拖拽排序v-dragging
为了不想用jquery,终于找到能兼容vue的插件,很好使 1.安装 npm install awe-dnd --save 2.main.js引入 import VueDND from 'awe-dn ...
Android表格拖拽排序,Android 拖拽排序控件 DragGridView
Android 拖拽排序控件 DragGridView Android 开发中,我们经常会遇到条目拖拽排序的需求,特别是在新闻类应用中就更普遍了.其实,我们在网上可以搜到许多关于拖拽排序的自定义控件, ...
Android 仿微信朋友圈发表图片拖拽和删除功能
朋友圈实现原理我们使用 Android Device Monitor 来分析朋友圈发布图片的界面实现原理.如果需要分析其他应用的界面实现也是采用这种方法哦. 打开 Android Device Mo ...
android可拖拽九宫格,微信小程序实现九宫格图片拖拽
(在真机上的效果就不演示了,是差不多的) 实现思路布局在这里运用到了微信小程序的moveable-area和moveable-view两个标签. moveable-area是可拖拽的区域,需要设置 ...
拖拽删除元素、拖拽排序、拖拽预览图片和拖拽移动元素
介绍 HTML5 提供了专门的拖拽与拖放的 API,目前各浏览器都已支持,包括 IE.HTML 拖放(Drag and Drop)接口使应用程序能够在浏览器中使用拖放功能.例如,用户可使用鼠标选择可拖 ...
Android拖拽排序控件DragGridView
Android开发中,我们经常会遇到条目拖拽排序的需求,特别是在新闻类应用中就更普遍了.其实,我们在网上可以搜到许多关于拖拽排序的自定义控件,今天,为大家介绍的是一个拖拽排序库DragGridView ...
android gridview拖动排序,Asp.net GridView 拖拽排序原创（欢迎拍砖，敬请嘴下留情！）...
原理:客户端排序(或者说组织新的排序顺序),Ajax 更新服务器端数据. 客户端用jquery插件sortable实现拖拽排序,保存之前检索顺序变化了的数据,并组织成Json数据,用AJax传送到服务 ...

Android 个人相册图片拖拽排序

Android 个人相册图片拖拽排序相关推荐

最新文章

热门文章