android 卡片画廊效果及RecycleView、ViewPager、ScrollView之前的冲突解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android 卡片画廊效果及RecycleView、ViewPager、ScrollView之前的冲突解决相关的知识,希望对你有一定的参考价值。

参考技术A 1、内容需要通过卡片的形式来展现,还有支持加载更多,所以最底部使用RecyclerView,最好是做成预加载形式,提前n页加载下一页,这样体验更好。
2、为了展示更多内容卡片内要支持垂直分页,这时候我使用了ViewPager,一是可以更好的管理分页内容,二是ViewPager的垂直分页容易实现,三是可以处理不同控件之前的滑动冲突
3、ViewPager第一页使用的可回弹的ScrollView,可以在下拉的时候做一些动画之类的操作,例如关注操作等。
4、ViewPager的第二页只是一个普通的ScrollView,具体使用可以根据实际情况来处理

1、RecycleView的分页效果基于PagerSnapHelper,RecyclerView在25.1.0版本中添加了一盒基于SnapHelper的子类PagerSnapHelper,可以使RecyclerView像ViewPager一样的效果,一次只能滑一页,而且居中显示。

2、卡片的效果是在滑动的时候根据RecycleView的偏移量计算缩放因子进行缩放

3、RecycleView的item内有一个垂直分页的VerticalViewPager,VerticalViewPager是在ViewPager上转换X,Y即可

4、解决ViewPager与RecycleView滑动的冲突,在ViewPager中屏蔽父视图的上下滑动事件

5、解决ViewPager子视图ScrollView的冲突,在ViewPager中拦截事件

6、解决ViewPager与BounceScrollView的冲突,在下拉过程中有时会被ViewPager拦截

以上就是此项目中的所有关键点。

ScrollViewDemo 欢迎Star

RecycleViewCardGallary

以上是关于android 卡片画廊效果及RecycleView、ViewPager、ScrollView之前的冲突解决的主要内容,如果未能解决你的问题,请参考以下文章

android画廊怎样做出超炫效果

android点击画廊某张图片,目的使整个画廊放大,所点击的图片仍放中间,这个效果怎么设置

android 自定义控件实现3D画廊效果

Android -- 使用ViewPager实现画廊效果

TailwindCSS 中画廊卡片的大小相同

android ViewPager 进阶(仿画廊/图书翻页) 与 palette 使用 (含完整Demo)