MultiItem扩展 仿任务面板 跨多个RecyclerView的Item拖动 支持缩小后拖动

本文是MultiItem系列的扩展文章,跨RecyclerView的Item拖动,并支持缩放的功能,主要防办公软件的面板,本功能的实现大量参考了ItemTouchHelper的源码。
MutliItem主要解决多类型RecyclerView Adapter问题,在正常使用中做到了Adapter零编码,解放了复杂的Adapter类,提高扩展性。

源码地址

Github地址:https://github.com/free46000/MultiItem,请大家多多关注,更多更新会首先在GitHub上体现,也会在第一时间在本平台发布。

系列文章

效果截图

跨Recycler拖动
跨Recycler拖动

缩放后跨Recycler拖动
缩放后跨Recycler拖动

用法

拖动功能

拖动功能使用比较简单,拖动功能相关流程和控制都会回调到ItemDragListener监听中。
实例化拖动辅助类,设置监听,并在dispatchTouchEvent中调用dragHelper.onTouch(ev)方法

@Override
protected void onCreate(Bundle savedInstanceState) {
    ...
    //ItemDragHelper,需要传入外层的横向滚动的RecyclerView
    dragHelper = new ItemDragHelper(horizontalRecycler);
    //为dragHelper设置拖动监听,基本都有默认实现,可根据具体业务继承重写方法
    dragHelper.setOnItemDragListener(new OnBaseDragListener());
}

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    //需要保证在Activity或者外层的ViewGroup中重写此方法
    //调用dragHelper.onTouch():true消耗掉事件;false则执行super
    return dragHelper.onTouch(ev) || super.dispatchTouchEvent(ev);
}

为垂直列表注册数据源,必须实现ItemData接口

//注册的数据源(TextDragBean)类,必须实现`ItemData`接口
baseItemAdapter.register(TextDragBean.class, new TextViewDragManager());

开启拖动功能

dragHelper.startDrag(viewHolder);

拖动监听,此处只复写了拖动结束回调的接口

class OnBaseDragListener extends OnItemDragListener {

    @Override
    public void onDragFinish(RecyclerView recyclerView, int itemRecyclerPos, int itemPos) {
        super.onDragFinish(recyclerView, itemRecyclerPos, itemPos);
        String text = String.format("拖动起始第%s个列表的第%s项 结束第%s个列表的第%s项 \n\n拖动数据:%s", originalRecyclerPosition,
                originalItemPosition, itemRecyclerPos, itemPos, dragItemData);
        Toast.makeText(PanelActivity.this, text, Toast.LENGTH_SHORT).show();
    }
}

通用Item拖动控制功能

主要包括对Item的拖动、移动、切换的控制功能,数据源需要实现ItemDrag接口,这样在拖动过程中OnItemDragListener会根据不同的状态进行对应的控制。
当然你也可以通过OnBaseDragListener的不同回调方法,根据业务实现定制化的控制,这里我们看下ItemDrag接口:

/**
 * 数据源Item拖动接口,实现一些move change等定制化的通用控制
 * Created by free46000 on 2017/4/3.
 */
public interface ItemDrag {
    /**
     * 是否可以在自己的Recycler中move
     *
     * @return boolean
     */
    boolean isCanMove();

    /**
     * 是否可以切换到其他Recycler
     *
     * @return boolean
     */
    boolean isCanChangeRecycler();

    /**
     * 是否可以开启拖动
     *
     * @return boolean
     */
    boolean isCanDrag();
}

双击缩小功能

实例化辅助类并为辅助类设置需要的视图对象

//实例化缩放功能辅助类
scaleHelper = new ViewScaleHelper();
//设置最外层的Content视图
scaleHelper.setContentView(contentView);
//设置横向的Recycler列表视图
scaleHelper.setHorizontalView(horizontalRecycler);

添加外层的垂直视图到辅助类,进行缩放统一管理

scaleHelper.addVerticalView(verticalView);

OnItemDragListener的回调中返回当前缩放级别,配合完成缩放后的拖动功能

class OnBaseDragListener extends OnItemDragListener {
    @Override
    public float getScale() {
        return scaleHelper.isInScaleMode() ? scaleHelper.getScale() : super.getScale();
    }
}

开启或关闭缩放功能

//开启或关闭缩放模式
scaleHelper.toggleScaleModel();
//开启缩放模式
scaleHelper.startScaleModel();
//关闭缩放模式
scaleHelper.stopScaleModel();

其他定制化用法

定制化业务主要通过复写ItemDragListener的相关方法实现,下面简单列举一些可定制的功能:

  • getScale() 缩放比例详见ViewScaleHelper#getScale()
  • Item和列表选中移动等流程控制相关方法(包含移动前的确认回调),详见源码及注释
  • getHorizontalScrollMaxSpeed getVerticalScrollMaxSpeed 最大水平垂直滚动速度
  • getHorizontalLimit getVerticalLimit 计算水平垂直滚动距离
  • calcHorizontalScrollDistance calcVerticalScrollDistance 最大水平垂直滚动速度
  • onDrawFloatView(View floatView) 浮动视图动画处理
  • getMoveLimit()两个Item是否进行move边界值

上面所介绍定制化用法并不是全部,如有需要更深层次定制可以提交issues或留言

主要流程解析

备注:以下所说触摸位置都为相对屏幕位置,这样方便后续计算

生成浮动视图

被拖动Item视图设为不可见状态,浮动视图采用WindowManager + ImageView展示被拖动Item视图的Bitmap

计算横向和竖向的RecyclerView滚动

  • 大量参考了ItemTouchHelper的源码
  • 根据用户触摸位置计算是否需要滚动,和滚动的方向与距离 详见ItemDragListenercalcXXXScrollDistance() calcScrollXXXDirect()
  • 采用定时Runnable形式,保证持续的滚动
  • 滚动时调用Item位置计算方法,使得在滚动过程中也可以更换Item位置

Item位置更换计算

  • 根据触摸位置horizontalRecycler.findChildViewUnder(x, y)找到垂直recyclerView的位置,若找到位置继续
  • 根据上一次垂直recyclerView所在的位置,判断是否为第一次选中或者是切换recyclerView的操作,此处可通过itemDragListener回调拦截此次操作的结果
  • 如果需要切换recyclerView的位置,此时需要对被拖动的Item进行remove,并在新的recyclerViewadd进去
  • 根据触摸位置recyclerView.findChildViewUnder(itemX, itemY)找到itemView的位置
  • 根据上一次itemView所在的位置,判断是否需要移动itemView位置的操作,此处可通过itemDragListener回调拦截此次操作的结果
  • 如果需要移动动itemView位置则需要把recyclerView滚动到合适的位置,防recyclerView乱跳

视图缩放

视图缩放采用的是把外层的视图还有横向列表视图扩大,并对横向列表视图进行setScaleX setScaleY的操作,然后对缩放后的视图宽度进行赋值,防止一些充满屏幕的布局,影响缩放效果,等停止缩放的时候还原即可。

总结

这个功能实现起来比较仓促,并没有过多的考虑,算是一个beta版本。
以上整理了用法,并对主要流程做了简单的解析,如果大家有兴趣可以结合源码理解原理,如有不明白,或者实现不够优雅的地方,欢迎大家指出。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,042评论 25 707
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,658评论 22 664
  • 简介: 提供一个让有限的窗口变成一个大数据集的灵活视图。 术语表: Adapter:RecyclerView的子类...
    酷泡泡阅读 5,113评论 0 16
  • 有人说:“不要追一匹马,你用追马的时间去种草,待春暖花开时,能吸引一批骏马来供你选择;不要刻意巴结一个人,用暂时没...
    卿海燕阅读 218评论 0 1
  • 我是要承认,我浪费了太多时间,我讨厌过自己,因为所有的一切我都需要努力。总有着太多的想法,总觉得失败也无所谓,只是...
    夏落乔木阅读 236评论 0 0