导航栏拖拽编辑实现

需要实现的效果
1、编辑库内拖拽到导航栏完成替换
2、导航栏内拖动完成替换

先看下实现后的效果图
image

思路分析

  1. 底部横栏是系统的导航栏,上面一部分数window 添加的一个view,由此可知,两者不属于同一个视图层级,从上面移动拖拽到导航栏替换参考上一篇 两个列表间实现拖拽编辑 来实现
  2. 导航栏内的拖拽,于recyclerView 自带api提供的拖拽交换 效果有不同,自带API 提供的是拖拽之后直接变换两个位置间的所有item 位置,与需求所需效果不一致,需要对原生实现逻辑进行大量的修改才能完成效果,最终采用 还是采用 View.startDragAndDrop 和 setOnDragListener来实现拖拽编辑效果

由于是在两个窗口层级的view 之间拖拽,所以在启动拖拽的时候有一点配置上面的变化

Intent intent = new Intent();
intent.putExtra(POS, position);
intent.putExtra(TYPE, item.getItemType());
ClipData data = ClipData.newIntent("", intent);
 View.DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(naviHolder.btn);
 // 添加参数
v.startDragAndDrop(data, shadowBuilder, v, DRAG_FLAG_GLOBAL);

同一个activity 或者同一个父布局下的使用 view.startDragAndDrop(data, shadowBuilder, view, 0)即可

剩下的效果都与 两个列表间实现拖拽编辑 逻辑类似,具体样式根据设计图做一点调整即可完成最终效果

posted @ 2023-06-06 11:03  阿丟啊  阅读(47)  评论(1编辑  收藏  举报