滑动之后,不再出现其他子view。
2) 让多个子view之间呈现x轴上的位置差
虽然重叠在了一起,但是我还需要让右边的子view呈现位置偏差。并且,越往右偏差越大。
上代码:
效果:
3) 让多个子view之间呈现缩放差
x轴上的位置差虽然有了,但是原图上,越往右越小,所以还需要做出x,y方向上的缩放
上代码:
效果:
4) 监听滑动position,做出透明度逐渐变化
视觉效果都有了,那么可以开始做动画效果。
经过对position的观察,我们知道position会以小数的形式渐变。原图中,向左滑出的view,会以一个透明度慢慢减小的方式消失,那么先来完成这一步> 。
效果:
5) 监听滑动position,做出左滑时 当前view的平移动画
最后一步,滑出消失的view虽然透明度的动画完成了,但是原图中,还有一个渐渐向左移动的动画。
上代码:
效果:
最终效果和原图差不多。
二,声明几个坑
如果有人按照我的思路去实现上面的效果,很有可能失败,因为其中几个坑。
**1.**ViewGroup.clipChildren属性
任何一个 ViewGroup
的子类都具备的属性,它的作用是,决定是否消减掉 子view超出自身绘制范围的部分。
意思就是说,子view的绘制范围其实是无限大的,但是它能显示的范围由父 viewGroup
决定,这个属性为true,父view不允许子view超出自身的部分显示出来,反之,则是允许超出。这个属性默认是 true
。所以,如果发现 上述效果中某些部分显示不出来,就要看看 ViewPager
(它是一个 ViewGroup
)的 clipChildren
属性是否为 true
,如果是 true
,设置成 false
试试。如果还是不行,看看 ViewPager
的父容器 的 clipChildren
属性是否为 false
。以此类推。
**2.**ViewPager.setPageTranformer(booleanreverseDrawingOrder,PageTransformertransformer) 方法有两个参数,第一个是 bool值,它能决定子view的绘制顺序。如果按照上述思路实现效果发现,是右边的子view覆盖了左边的子view,那么就要看看是不是这个值是不是true。如果不是ture,改成true再尝试。
**3.**第2点中,如果不想把 reverseDrawingOrder
设置为 true
,也有办法解决。 androidView
体系中存在一个 z轴
概念, z
值越大,就越在上层,其实,也可以使用改变子 view
, z
属性的办法来解决覆盖效果错误的问题。(但是Z轴的设置与版本有关,要区分设备版本,不然低版本上可能程序崩溃)
思维拓展
还记得前文讲过的么,拿到了View之后,再根据滑动时的参数变化,我们几乎可以对它为所欲为,那么我们能做的,就不仅仅是 本次的目标效果,像是类似这种滑动特效,还有很多风骚的操作可以玩。像是:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
Java面试核心知识点笔记
其中囊括了JVM、锁、并发、Java反射、Spring原理、微服务、Zookeeper、数据库、数据结构等大量知识点。
Java中高级面试高频考点整理
最后分享Java进阶学习及面试必备的视频教学
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门即可获取!
242112)]
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门即可获取!