自定义RecyclerView实现垂直滑动的ViewPager

2024-06-15 10:58
文章标签 实现 自定义 滑动 垂直 recyclerview viewpager

本文主要是介绍自定义RecyclerView实现垂直滑动的ViewPager，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

android原生的ViewPager默认水平方向滑动翻页的。突然，项目里有个签到需求要做成上下滑动翻页。我的第一反应是应用ViewPager，可是它只适用于水平滑动的情景，可不可以继承ViewPager重写它的onTouchEvent方法，把检测水平滑动的手势改成垂直滑动手势呢？答案是肯定的，这种做法可以实现上下翻页的功能，但是快速滑动时会导致页面错乱，而且fragment需要依赖activity作为主体，耦合度比较高，控制逻辑比较复杂。后来，我下定决心换另外一种方式实现，把目光转移到RecyclerView。经过一番改造，自定义的RecycleViewPager控件也实现同样效果，与activity耦合度有所降低，页面几乎没有发生错乱情况，而且加上翻页时切入切出的动画。效果图如下：



RecyclerViewPager里面有几个比较重要方法：initAttrs()、onRestoreInstanceState()、dispatchTouchEvent()与onTouchEvent()。首先看下initAttrs方法，它是用来设置滑动因子、触发偏移等属性参数，在构造方法里面被调用。具体如下：

    private void initAttrs(Context context, AttributeSet attrs, int defStyle) {final TypedArray a = context.obtainStyledAttributes(attrs, com.frank.pager.R.styleable.RecyclerViewPager, defStyle, 0);mFlingFactor = a.getFloat(com.frank.pager.R.styleable.RecyclerViewPager_rvp_flingFactor, 0.15f);mTriggerOffset = a.getFloat(com.frank.pager.R.styleable.RecyclerViewPager_rvp_triggerOffset, 0.25f);mSinglePageFling = a.getBoolean(com.frank.pager.R.styleable.RecyclerViewPager_rvp_singlePageFling, mSinglePageFling);a.recycle();}

      其中，上述的自定义属性需要在attrs文件里声明： 

    <declare-styleable name="RecyclerViewPager"><attr name="rvp_triggerOffset" format="float" /><attr name="rvp_flingFactor" format="float" /><attr name="rvp_singlePageFling" format="boolean" /></declare-styleable>

      重写RecyclerView父类的onRestoreInstanceState方法，恢复上次记录的状态。 

    protected void onRestoreInstanceState(Parcelable state) {try {//通过反射获得布局状态的属性Field fLayoutState = state.getClass().getDeclaredField("mLayoutState");//设置可以访问fLayoutState.setAccessible(true);Object layoutState = fLayoutState.get(state);//同样地，通过反射获得停止偏移与停止位置的属性Field fAnchorOffset = layoutState.getClass().getDeclaredField("mAnchorOffset");Field fAnchorPosition = layoutState.getClass().getDeclaredField("mAnchorPosition");fAnchorPosition.setAccessible(true);fAnchorOffset.setAccessible(true);if (fAnchorOffset.getInt(layoutState) > 0) {//如果偏移值大于0，设置停止位置为上一页fAnchorPosition.set(layoutState, fAnchorPosition.getInt(layoutState) - 1);} else if (fAnchorOffset.getInt(layoutState) < 0) {//如果偏移值小于0，设置停止位置为下一页fAnchorPosition.set(layoutState, fAnchorPosition.getInt(layoutState) + 1);}fAnchorOffset.setInt(layoutState, 0);} catch (Throwable e) {e.printStackTrace();}super.onRestoreInstanceState(state);}

重写父类的onDispatchTouchEvent方法，根据是否允许水平移动，返回X轴孩子的中心点或者是Y轴孩子的中心点。 

    public boolean dispatchTouchEvent(MotionEvent ev) {//如果处于按下状态，并且LayoutManager不为空if (ev.getAction() == MotionEvent.ACTION_DOWN && getLayoutManager() != null) {//如果允许水平移动，返回X坐标轴的孩子中心点，否则返回Y坐标轴的孩子中心点mPositionOnTouchDown = getLayoutManager().canScrollHorizontally()? ViewUtils.getCenterXChildPosition(this): ViewUtils.getCenterYChildPosition(this);}return super.dispatchTouchEvent(ev);}

另外，重写父类的onTouchEvent方法，记录移动过程的最大值与最小值。 

    public boolean onTouchEvent(MotionEvent e) {//记录移动过程的最大值与最小值if (e.getAction() == MotionEvent.ACTION_MOVE) {if (mCurView != null) {mMaxLeftWhenDragging = Math.max(mCurView.getLeft(), mMaxLeftWhenDragging);mMaxTopWhenDragging = Math.max(mCurView.getTop(), mMaxTopWhenDragging);mMinLeftWhenDragging = Math.min(mCurView.getLeft(), mMinLeftWhenDragging);mMinTopWhenDragging = Math.min(mCurView.getTop(), mMinTopWhenDragging);}}return super.onTouchEvent(e);}

接下来看下对应的Adapter，主要重写父类RecyclerView.Adapter的几个方法实现注册内容监听器、注销内容监听器、绑定窗体、解除绑定、设置布局宽度与高度。里面还有一个内部类：实现真正的业务逻辑处理的适配器。主要是在onBindViewHolder来处理UI界面的展示，其中负责更新页面的方法如下： 

    //更新未签提示private void updateWaitSignTip(SimpleViewHolder mHolder){currentPosition = mHolder.getAdapterPosition();totalSize = getItemCount();if(totalSize > 1){if(currentPosition == 0){//在第一页，只显示向上滑动mHolder.rl_sign_up.setVisibility(View.VISIBLE);mHolder.tv_sign_up.setVisibility(View.VISIBLE);mHolder.rl_sign_down.setVisibility(View.GONE);mHolder.tv_sign_up.setText("请向上滑动，您有" + (totalSize-1) + "个未签");}else if(currentPosition == (totalSize - 1)){//在最后一页，只显示向下滑动mHolder.rl_sign_up.setVisibility(View.GONE);mHolder.tv_sign_up.setVisibility(View.GONE);mHolder.rl_sign_down.setVisibility(View.VISIBLE);mHolder.tv_sign_down.setText("请向下滑动，您有" + (totalSize-1) + "个未签");}else {//向上向下同时显示mHolder.rl_sign_up.setVisibility(View.VISIBLE);mHolder.tv_sign_up.setVisibility(View.VISIBLE);mHolder.rl_sign_down.setVisibility(View.VISIBLE);mHolder.tv_sign_up.setText("请向上滑动，您有" + (totalSize-currentPosition-1) + "个未签");mHolder.tv_sign_down.setText("请向下滑动，您有" + (currentPosition) + "个未签");}}}

在activity里，初始化自定义控件： 

     LinearLayoutManager layout = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);mRecyclerView.setTriggerOffset(0.15f);//设置触发偏移量mRecyclerView.setFlingFactor(0.25f);//设置滑动因子mRecyclerView.setHasFixedSize(true);//设置自适应屏幕尺寸mRecyclerView.setLayoutManager(layout);mRecyclerView.setAdapter(new RecyclerViewPagerAdapter.LayoutAdapter(this, 5));


最后，为了实现上下翻页切入切出的动画效果，需要设置RecyclerView的滚动监听器，重写onScrolled方法。 

     public void onScrolled(RecyclerView recyclerView, int i, int i2) {//获得RecyclerView的item数量int childCount = mRecyclerView.getChildCount();//获得第一个item的宽度int width = mRecyclerView.getChildAt(0).getWidth();//计算padding大小int padding = (mRecyclerView.getWidth() - width) / 2;//遍历所有itemfor (int j = 0; j < childCount; j++) {View v = recyclerView.getChildAt(j);float rate = 0;if (v.getTop() <= padding) {//如果top比padding小，说明该页面处于移出状态if (v.getTop() >= padding - v.getHeight()) {//根据padding、top与height计算缩放比例rate = (padding - v.getTop()) * 1f / v.getHeight();} else {rate = 1;}//设置XY轴的逐渐缩小v.setScaleX(1 - rate * 0.1f);v.setScaleY(1 - rate * 0.1f);} else {//如果top比padding大，说明该页面处于移ru状态if (v.getTop() <= recyclerView.getHeight() - padding) {//根据padding、top与height计算缩放比例rate = (recyclerView.getHeight() - padding - v.getTop()) * 1f / v.getHeight();}//设置XY轴的逐渐放大v.setScaleX(0.9f + rate * 0.1f);v.setScaleY(0.9f + rate * 0.1f);}}}

好了，直到这里，已经介绍完利用自定义RecyclerView实现上下翻页以及切入切出的动画效果。如有问题，希望大家指出，共同学习同步进步。点击下载demo： http://download.csdn.net/detail/u011686167/9660954 

 

 


 

                                    

                                        这篇关于自定义RecyclerView实现垂直滑动的ViewPager的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
                                    

                                    

                                

                            

                            

                        

                    

                    

                        

                            

                            http://www.chinasem.cn/article/1063263。
                            
                        

                    

                    
                    

                        
                            
                        
                    

                

                

                    相关文章
                

                    

                        

                            

                                

                                    
                                        【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）
                                    
                                

                            

                            

                                

                                    【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）
                                

                                

                                    【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili  本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解）    <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）
                                    
                                

                            

                            

                                

                                    hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）
                                

                                

                                    利用康拓展开将一个排列映射成一个自然数，然后就变成了普通的广搜题。  #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        【C++】_list常用方法解析及模拟实现
                                    
                                

                            

                            

                                

                                    【C++】_list常用方法解析及模拟实现
                                

                                

                                    相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓  目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算
                                    
                                

                            

                            

                                

                                    【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算
                                

                                

                                    ✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈  🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        让树莓派智能语音助手实现定时提醒功能
                                    
                                

                            

                            

                                

                                    让树莓派智能语音助手实现定时提醒功能
                                

                                

                                    最初的时候是想直接在rasa 的chatbot上实现，因为rasa本身是带有remindschedule模块的。不过经过一番折腾后，忽然发现，chatbot上实现的定时，语音助手不一定会有响应。因为，我目前语音助手的代码设置了长时间无应答会结束对话，这样一来，chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢？ 我最后选择的方法是用threading.Time
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）
                                    
                                

                            

                            

                                

                                    Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）
                                

                                

                                    客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量
                                    
                                

                            

                            

                                

                                    C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量
                                

                                

                                    哈喽，你好啊，我是雷工。  关于大乐透选号器在前面已经记录了5篇笔记，这是第6篇；  接下来实现实时显示当前选中红球数量，蓝球数量；  以下为练习笔记。   01 效果演示  当选择和取消选择红球或蓝球时，在对应的位置显示实时已选择的红球、蓝球的数量；       02 标签名称  分别设置Label标签名称为：lblRedCount、lblBlueCount
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略
                                    
                                

                            

                            

                                

                                    Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略
                                

                                

                                    Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略 1. 特权模式限制2. 宿主机资源隔离3. 用户和组管理4. 权限提升控制5. SELinux配置      💖The Begin💖点点关注，收藏不迷路💖   Kubernetes的PodSecurityPolicy（PSP）是一个关键的安全特性，它在Pod创建之前实施安全策略，确保P
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        工厂ERP管理系统实现源码（JAVA）
                                    
                                

                            

                            

                                

                                    工厂ERP管理系统实现源码（JAVA）
                                

                                

                                    工厂进销存管理系统是一个集采购管理、仓库管理、生产管理和销售管理于一体的综合解决方案。该系统旨在帮助企业优化流程、提高效率、降低成本，并实时掌握各环节的运营状况。 在采购管理方面，系统能够处理采购订单、供应商管理和采购入库等流程，确保采购过程的透明和高效。仓库管理方面，实现库存的精准管理，包括入库、出库、盘点等操作，确保库存数据的准确性和实时性。 生产管理模块则涵盖了生产计划制定、物料需求计划、
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        C++——stack、queue的实现及deque的介绍
                                    
                                

                            

                            

                                

                                    C++——stack、queue的实现及deque的介绍
                                

                                

                                    目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现
                                

                                

                                    阅读更多...
                                

                            

                        

                    

            

        

    


    


    

        

            Copyright China编程   23002807@qq.com
        

        

            沪ICP备2023033072号-2