点击上方的终端研发部,右上角选择“设为星标”
每日早8点半,技术文章准时送上
公众号后台回复“学习”,获取作者独家秘制精品资料
![e39f58d50939f8568c9b4acbe9fb0a57.png](https://i-blog.csdnimg.cn/blog_migrate/9c413829909541c881af86756cb8ab6f.png)
往期文章
十面阿里,七面头条
三条命令解决断网问题
2019最新Android面试题
今日头条屏幕适配方案落地研究
阿里规定超过3张表,禁止join,为何?
打开Flutter动画的另一种姿势——Flare
作者:Newpaper
来源:http://www.apkbus.com/blog-984947-81777.html
前言
效果图如下:
![afec128abc0f9c1f75c37aa702e23029.gif](https://i-blog.csdnimg.cn/blog_migrate/96820f3663125de5aa8e3f4465afe188.gif)
如上图,实现了拖拽事件的无缝过渡。效果很流畅很自然,之所以写轮子因为实在找不到好用的库,该库参考了下面的地址:
https://github.com/woxingxiao/SlidingUpPanelLayout
其实在大神的开源库里就有Issues提到内嵌 scrollView 时滑动冲突的问题。再加上最近项目里面的详情页就有这样的拖拽效果需求,只好自己实现一遍。
正文
在实现的过程中,就遇到几个比较棘手的问题,也经过了一番挣扎才想出解决的方案。困难
- 拖拽释放的时机,如下拉1/6就自动收缩否则回弹,上拉1/3回弹还是展开
- 释放后,在回弹过程中更新背后view的视觉差、渐变效果
- 处理好上面两个问题,就可以很流畅的实现拖拽展开和收缩效果,接下来过渡的传递问题
- 点击渐变区域收缩并把内部scrollView滚回顶部
- 什么时机该拦截事件还是父view处理
- 状态的更新和回调
以上问题也不是一蹴而就就能罗列清楚,这都是每解决一个问题我就萌新另一种想法逐渐完善而得到的结果。就比如在实现这个效果之前,我就想应该和 ViewDragHelper 有关,那么拖拽都有哪些需要重写的方法以及我自己需要实现哪些?关于重写 tryCaptureView、getViewVerticalDragRange、clampViewPositionVertical 必须的就不多说了,下面两方法在本项目中处理的逻辑简单说一下
- onViewPositionChanged:当拖拽view的位置发生改变时触发
- onViewReleased:简单可以理解为不再拖拽时触发,但还有其状态和方法会影响它触发的时机,我们没涉及到就不研究
回到开始我们想要的拖拽效果,超过多少就回弹、展开、收缩,在这里我们通过第一个方法可以知道,目前拖拽的view到底是展开还是收缩,我用了一个局部的boolean来记录状态,毕竟此方法执行频繁减少消耗。再在释放时根据 slideUp 来判断,至于 onPanelDragged() 方法就用来跟新拖拽状态和更新视觉差。
![02de7a013b5d194f2f16f7c56ed26dd2.png](https://i-blog.csdnimg.cn/blog_migrate/10c37fdde1904ae65e63360a270d9212.jpeg)
紧接着,我们点击展开后渐变层,收缩并将内嵌 scrollView 滚回顶部,点击肯定就在 onTouchEvent 或者 dispatchTouchEvent 里实现,但有没有区别呢?首先明确一点的时,不管方法写在哪个回调里面都可以实现我们需求,但在此我写在了后者里面,因为在 viewGroup 里面的点击事件传递,dispatchTouchEvent(分发) 会经过询问 onInterceptTouchEvent(拦截) 是否拦截再到 onTouchEvent(响应),这也算是优化的一点吧。所有很自然而然地,我在分发里面处理了事件过渡的逻辑,其实说白了就在 MotionEvent.ACTION_MOVE 里决定了到底谁来消化这个事件。
![025d57a913d22e70aff0b1212e3f4b0d.png](https://i-blog.csdnimg.cn/blog_migrate/6fd0163a541b99ee57cd88f09bab1ad4.jpeg)
1、这里消化了横向滑动事件,因为内部 scrollView 可以通过横向滑动优先获取控制权,不2、你注释那句代码,在一开始就先右滑不放再上滑,就会出现所谓的 bug
3、getScrollableViewScrollPosition 方法是一个辅助类,用来判断view在竖直方向还有没有可滑动的距离
4、关键的 return,是要继续处理还是给 dragHelper 处理
5、收缩和展开其核心都围绕 event 该给谁处理,逻辑条件有点绕
(也因为在这里的处理逻辑,有很多操作的情况没完全覆盖,导致不可预知的滑动出现bug,如有发现请给我反馈,我去优化)处理到这里,需求基本达到了。可以给设计师秀一波,把手机递给她然后静静地听她怼iOS了,“为什么 Android 都能做得到,你 iOS 却做不出来,你看人家多厉害”。再优化一个小问题,状态的回调,为了避免装逼失败等下要求展开或者收缩时又要做些什么效果,有点危机意识。我纵观了一些全局,实在没有合适的方法可做回调,实在没有方法在任何操作都触发啊。最后我打起渐变层的主意,这个实现可把我乐了一下,太聪明了哈哈哈哈哈而且状态都能正确回调。你要知道渐变层绘制可是需要不停的触发的,回调只能一次。
项目地址如下所示:
https://github.com/BmobSnail/SlideNestedPanelLayout
阅读更多
刚入行不久,如何写出优雅的Java代码?阿里的离职率真的是互联网大厂里最低的吗?重磅!阿里内部偷师Android的开发规范文档吵翻天!税后年薪170万的阿里P8程序员征婚被喷到死!为什么很多程序员信仰“Java是世界上最好的编程语言”
相信自己,没有做不到的,只有想不到的
在这里获得的不仅仅是技术!
![a84e4ff291eef15efd95af3ca4c36ada.png](https://i-blog.csdnimg.cn/blog_migrate/35d4b1015049bc0639bc96f397aac4f2.jpeg)
![222e88aad093fe7fefca55eb9cf8ec5e.gif](https://i-blog.csdnimg.cn/blog_migrate/36133662615702efd4f110f9e6881fe8.gif)
喜欢就给个“在看” ![e103e2e85bc68a5062d1c618ab90298e.gif](https://i-blog.csdnimg.cn/blog_migrate/1f63220d973677abc89fcb6adbdc436b.gif)