双层嵌套recyclerview的整屏滑动

最新推荐文章于 2024-07-19 02:08:40 发布
最新推荐文章于 2024-07-19 02:08:40 发布
阅读量1.5k 收藏
点赞数
分类专栏： android 文章标签： android recyclerview 整屏滑动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ronaldo4511/article/details/81412343
版权 
recyclerview 的 scrollstate 有三种 0 ->  idle    1  -> dragging    2 -> setting
recyclerview 的原始滚动状态变化是
1.拖动松手:  0 -> 1 -> 0
2.滑动松手: 0 -> 1 -> 2 -> 0

要处理 recyclerview 嵌套 recyclerview 的整屏滚动并且关联页码的更新，采取操作：松手时执行 smoothScrollToPosition 方法
即在 onScrollStateChanged 方法中监听：

A. 0 -> 1 说明用户的手触碰到了屏幕，执行以下计算
   int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
   preX = rv.getChildAt(0).getX() - position * SCREEN_WIDTH;   -> rv 滑动的初始值

B. 1 -> !1 说明用户松手了，执行以下计算
   int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
   float x = rv.getChildAt(0).getX() - position * SCREEN_WIDTH; -> rv 滑动的当前值

    float scrolledX = x - preX; -> 此次滑动距离
    int newPosition = -10; -> newPosition 代表应该把屏幕定位到哪一页
    if(scrolledX < 0){ -> 方向向右
        if(scrolledX <= 0 - scrollDistance2NextPage){-> scrollDistance2NextPage 滑动多远后即视为要进入下一页
           newPosition = position + 1;
        }else {
           newPosition = position;
        }
    }else if(scrolledX > 0){ -> 方向向左
        if(scrolledX < scrollDistance2NextPage){
           newPosition = position + 1;
        }else {
           newPosition = position;
        }
    }

    if(newPosition != -10){
       rv.smoothScrollToPosition(newPosition);
    }

   if(preState != 0 && newState == 0){ -> 滑动结束后更新页码
       updatePageIndex(newPosition);
   }

执行A和B两步即可实现整屏滚动。
然而 updatePageIndex 的操作会在滑动结束后再次触发滑动（原因待查），因此改成以下模式（计算出要滑动到哪一页时就把页码更新）
    if(newPosition != -10){
       rv.smoothScrollToPosition(newPosition);
       updatePageIndex(newPosition); -> 更新页码
    }
至此整屏滑动的触摸滑动解决。然而还有遥控器的整屏滑动。
给 内层 recyclerview 的 item 设置 onkeylistener，onKey 逻辑如下

        int innerItemPosition = (int) v.getTag(); -> 内层 recyclerview item 的 tag 是它在父 recyclerview 的 position
        if(event.getKeyCode() == KeyEvent.KEYCODE_PAGE_UP){
            prePage(innerItemPosition);
            return true;
        }else if(event.getKeyCode() == KeyEvent.KEYCODE_PAGE_DOWN){
            nextPage(innerItemPosition);
            return true;
        }else if(event.getKeyCode() == KeyEvent.KEYCODE_DPAD_LEFT){
            boolean atLeft = innerItemPosition % SceneInfo.COL == 0;
            if(atLeft){
            int rowIndex = innerItemPosition / SceneInfo.COL;
            prePage(rowIndex * SceneInfo.COL + SceneInfo.COL - 1);
            return true;
        }else if(event.getKeyCode() == KeyEvent.KEYCODE_DPAD_RIGHT){
            boolean atRight = (innerItemPosition + 1) % SceneInfo.COL == 0;
            if(atRight){
            int rowIndex = innerItemPosition / SceneInfo.COL;
            nextPage(rowIndex * SceneInfo.COL);
            return true;
        }
然后再 prePage 和 nextPage 方法中执行如下逻辑，即可实现遥控器的整屏滑动
   rv.smoothScrollToPosition(position + 1);
   updatePageIndex(position + 1);

再次然而，使用遥控器按以上逻辑翻页后，下一页的焦点不尽如人意，还需要专门调整一下焦点：在 onScrollStateChanged 方法中执行如下逻辑
    if(changingPageByKey && state == 2 && newState == 0){-> 遥控器翻页结束时
        changingPageByKey = false;
        requestFocusAfterChangePage(); -> 在此方法中为目标item请求焦点
    }

这里有个很严重的问题是：smoothScrollToPosition 结束后，
recyclerview.getChildAt(0) 与 ((LinearLayoutManager)recyclerview.getAdapter()).findFirstVisibleItemPosition()代表的子 recyclerview 不是同一个！！！
所以在 requestFocusAfterChangePage 方法中这样查找子 recyclerview ：
    int aimPosition = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
    int childCount = rv.getChildCount();
    RecyclerView itemRv = null;
    for (int i = 0; i < childCount; i++) {
        Object obj = rv.getChildAt(i).getTag(); -> 外层 recyclerview 的 adapter 给 子recyclerview绑定的tag
        if(obj instanceof Integer){
            if(aimPosition == (int)obj){
               itemRv = (RecyclerView) rv.getChildAt(i);
            }
        }
    }

完整代码如下：



    @BindView(R.id.rv)
    RecyclerView rv;

    @BindView(R.id.pageIndexTv)
    TextView pageIndexTv;

    private long lastKeyDownTime = 0;
    private final long keyGapTime = 100;//间隔100毫秒响应按键
    private boolean changingPageByKey = false;
    private int nextItemPosition = 0;
    private final int scrollDistance2NextPage = 50;

    public void updatePageIndex(int page) {
        curPage = page;
        int totalPage = getTotalPage();
        if(totalPage <= 0){
            pageIndexTv.setVisibility(View.GONE);
        }else {
            pageIndexTv.setVisibility(View.VISIBLE);
            CommonUtil.loadPageIndexText(pageIndexTv, curPage + 1, totalPage);
        }
    }

    @Override
    protected void initEventAndData() {
        curClass = getArguments().getInt("curClass");
        manage = getArguments().getBoolean("manage");

        refreshData();
        initRv();

        updatePageIndex(0);
    }

    private int getTotalPage(){
        int totalPage = (rawDataHolder.size() - 1) / SceneInfo.PAGE_SIZE + 1;
        if(rawDataHolder.size() == 0){
            totalPage = 0;
        }
        return totalPage;
    }

    private void refreshData(){
        ...
    }

    private void initRv() {
        LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        rv.setLayoutManager(layoutManager);
        ...
        rv.setAdapter(new CrossRvAdapter(getContext(), rawDataHolder, manage, new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {

                if(event.getAction() == KeyEvent.ACTION_DOWN){

                    long now = System.currentTimeMillis();
                    if(now - lastKeyDownTime < keyGapTime){
                        return true;
                    }
                    lastKeyDownTime = now;

                    int innerItemPosition = (int) v.getTag();
                    if(event.getKeyCode() == KeyEvent.KEYCODE_PAGE_UP){
                        prePage(innerItemPosition);
                        return true;
                    }else if(event.getKeyCode() == KeyEvent.KEYCODE_PAGE_DOWN){
                        nextPage(innerItemPosition);
                        return true;
                    }else if(event.getKeyCode() == KeyEvent.KEYCODE_DPAD_LEFT){
                        boolean atLeft = innerItemPosition % SceneInfo.COL == 0;
                        if(atLeft){
                            int rowIndex = innerItemPosition / SceneInfo.COL;
                            prePage(rowIndex * SceneInfo.COL + SceneInfo.COL - 1);
                            return true;
                        }
                    }else if(event.getKeyCode() == KeyEvent.KEYCODE_DPAD_RIGHT){
                        boolean atRight = (innerItemPosition + 1) % SceneInfo.COL == 0;
                        if(atRight){
                            int rowIndex = innerItemPosition / SceneInfo.COL;
                            nextPage(rowIndex * SceneInfo.COL);
                            return true;
                        }
                    }
                }

                return false;
            }
        }));
        rv.addOnScrollListener( new CrossRvScrollListener());
    }

    private void prePage(int nextInnerItemPosition){

        if(changingPageByKey){//处于遥控器翻页状态中时不处理
            return;
        }

        int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
        if(position == 0){
            return;
        }

        changingPageByKey = true;
        nextItemPosition = nextInnerItemPosition;
        rv.smoothScrollToPosition(position - 1);
        updatePageIndex(position - 1);

    }

    private void nextPage(int nextInnerItemPosition){

        if(changingPageByKey){//处于遥控器翻页状态中时不处理
            return;
        }

        int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
        if(position == rv.getAdapter().getItemCount() - 1){
            return;
        }

        changingPageByKey = true;
        nextItemPosition = nextInnerItemPosition;
        rv.smoothScrollToPosition(position + 1);
        updatePageIndex(position + 1);

    }

    private void requestFocusAfterChangePage(){
        int nextInnerItemPosition = nextItemPosition;

        if(rv == null || rv.getChildCount() == 0){
            return;
        }

        int aimPosition = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
        int childCount = rv.getChildCount();
        RecyclerView itemRv = null;
        for (int i = 0; i < childCount; i++) {
            Object obj = rv.getChildAt(i).getTag();
            if(obj instanceof Integer){
                if(aimPosition == (int)obj){
                    itemRv = (RecyclerView) rv.getChildAt(i);
                }
            }
        }
        if(itemRv == null){
            return;
        }

        int itemRvChild = itemRv.getChildCount();
        if(itemRvChild == 0){
            return;
        }

        if(itemRvChild > nextInnerItemPosition){
            itemRv.getChildAt(nextInnerItemPosition).requestFocus();
        }else{
            itemRv.getChildAt(itemRvChild - 1).requestFocus();
        }
    }

    class CrossRvScrollListener extends RecyclerView.OnScrollListener {

        int preScrollState = 0;
        float preX = 0;
        final int SCREEN_WIDTH = 1280;

        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);

            int state = preScrollState;
            preScrollState = newState;

            if(newState == RecyclerView.SCROLL_STATE_DRAGGING){
                changingPageByKey = false;
            }

            if(state == RecyclerView.SCROLL_STATE_IDLE && newState == RecyclerView.SCROLL_STATE_DRAGGING){
                int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
                preX = rv.getChildAt(0).getX() - position * SCREEN_WIDTH;
            }else if(state == RecyclerView.SCROLL_STATE_DRAGGING && newState != RecyclerView.SCROLL_STATE_DRAGGING){
                int position = ((LinearLayoutManager)rv.getLayoutManager()).findFirstVisibleItemPosition();
                float x = rv.getChildAt(0).getX() - position * SCREEN_WIDTH;

                float scrolledX = x - preX;
                int newPosition = -10;
                if(scrolledX < 0){//向右
                    if(scrolledX <= 0 - scrollDistance2NextPage){
                        newPosition = position + 1;
                    }else {
                        newPosition = position;
                    }
                }if(scrolledX > 0){//向左
                    if(scrolledX < scrollDistance2NextPage){
                        newPosition = position + 1;
                    }else {
                        newPosition = position;
                    }
                }

                if(newPosition != -10){
                    rv.smoothScrollToPosition(newPosition);
                    updatePageIndex(newPosition);
                }

            }

            if(changingPageByKey && state == RecyclerView.SCROLL_STATE_SETTLING && newState == RecyclerView.SCROLL_STATE_IDLE){
                changingPageByKey = false;
                requestFocusAfterChangePage();
            }

        }

    }

 

RecycleView实现网格整页滑动
huang_xiao_yu的博客
04-22 2326
需求分析 这篇博客写作来源也是项目需求 产品经理说：六宫格展示一页数据，用户左滑/右滑的时候，要整页滑动的效果。 解释这句话的意思就是： （1）一页只能展示6条数据； （2）只支持横向滑动，用户只能一页一页的滑（相当于用户一次要滑动6条数据）； （3）用户左滑是向前翻页，右上角页码随之变换； （4）用户右滑是向后翻页，右上角页码随之变换； （5）点击单条数据，可以跳转这道菜的详情页面。 以下是产品...
RecyclerView(二)——双层RecyclerView嵌套
qq_31573123的博客
09-23 2858
如上图所示，此页面包含两个RecyclerView的嵌套实现，外层为瀑布流布局，里层为线性布局。 1 里层线性布局书籍列表部分 1.1 ChildAdapter public class ChildAdapter extends RecyclerView.Adapter<ChildAdapter.ChildViewHolder> { private List<S...
Android-支持整页滑动的RecyclerView
08-13
支持整页滑动的 RecyclerView
整页滑动的 RecyclerView
weixin_33827731的博客
06-17 1610
本文章对应的示例已上传到 GitHub ，点击这里查看 需求描述 我们在开发一个列表的时候，有时候会需要实现列表整页滑动的效果。列表的实现大家应该都会使用 RecyclerView ，但 RecyclerView 原生是不支持整页滑动的。最近 RecyclerView 添加了 SnapHelper 的 API，它是用来帮助实现 ItemView 的对齐，SDK 默认实现了 LinearSnapHe...
Android RecyclerView实现Item单条滑动，一屏滑动
最新发布
wxx314165038的博客
07-19 555
上面直接复制就可以实现，类似douyin、kuai shou视频一屏滑动效果。// 将 PagerSnapHelper 附加到 RecyclerView。// 设置 RecyclerView 的布局管理器为垂直或水平。// 创建 PagerSnapHelper 实例。
RecyclerView分组显示可实现粘性头部，并且在滑动过程中头部字体颜色产生渐变
最爱吃西瓜
01-03 810
废话不多说，先上图，左边图是一个RecyclerView就可实现，右边图是RecyclerView（LinearLayouManager）嵌套RecyclerView（GridLayouManager）来实现            刚开始我是先实现的粘性头部，但是我看到微信（IOS）的联系人列表在滑动的过程中头部的字体颜色会产生渐变，然后就也想实现这种效果（主要近段时间没啥任务，闲），经过一番...
Android BottomSheetDialogFragment 可随手势滑动关闭的底部弹窗
01-03
在APP开发中,经常会有...从底部弹出弹窗,并且可以跟随手指滑动关闭弹窗. 简介 BottomSheetDialogFragment是位于com.google.android.material包下的一个类. BottomSheetDialogFragment 继承自AppCompatDialogFragment ...
完美解决CoordinatorLayout AppBarLayout RecycleView 嵌套 AppBarLayout惯性下滑的问题
热门推荐
xufeifandj的专栏
03-15 1万+
有人在YouTube上上传了现象 视频地址stackoverflow上也有人讨论这个问题，视频也是在这个问题下面看到的。这段时间在项目用到 AppBarLayout 加 RecyclerView的时候，fling 下滑的时候，AppBarLayout总是不跟随RecycleView下滑，导致让人看起来非常的不顺畅，这个应该是是bug，听说26sdk 已经解决了，但是我升级 了 编译sdk到26 确...
android 自定义控件之 RecyclerView 打造万能 ViewPager TabLayout
未来很长，但我会努力的走下去。
05-10 995
TabLayoutNiubility 项目地址：AnJiaoDe/TabLayoutNiubility 简介： Android 自定义控件之 RecyclerView 打造万能 ViewPager TabLayout(仿今日头条 Tab 滑动、Tab 多布局、indicator 蠕动、自定义 indicator、文字颜色渐变、自定义 Fragment) 更多：作者提 Bug 标签： tab-tablayout-recyclerview-导航- 文章目录 GitHub:GitH...
TabLayoutNiubility:Android自定义控件之RecyclerView打造万能ViewPager TabLayout(仿今日头条Tab滑动、Tab多布局、indicator蠕动、自定义indicator、文字颜色渐变、自定义Fragment)
04-22
文章目录 GitHub: CSDN: 该轮子特异功能如下： 使用方法 注意：该轮子适用于androidx中的ViewPager2和ViewPager 注意：如果轮子死活下载不下来，...ViewPager双层嵌套(建议不要使用ViewPager2进行双层嵌套，ViewPager2
Android用Recycleview实现二级联动
10-10
左侧联动右侧： 点击左侧列表的某一项，背景变色，同时右侧列表中对应的分类滚动到顶部 右侧列表悬停： 右侧列表滑动的时候相应的标题栏需要在顶部悬停 标题栏可点击 右侧联动左侧： 滚动右侧列表，监听滚动的位置，左侧列表需要同步选中相应的列表
RecyclerView的双层嵌套-购物车的布局
zxf19970105的博客
03-07 499
显示activity_main的布局 &lt;android.support.v7.widget.RecyclerView android:id="@+id/frag_shop_first_rc" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weigh...
关于recycler两层显示
hc5054的博客
04-24 321
1.经常会遇到recyclerview嵌套 点击上一层显示内层 考虑到还是优化recyclerview adapter问题 package com.educiot.srcres.view.Expandable; import android.content.Context; import android.support.annotation.NonNull; import android....
购物车的双层recyclerview实现全选功能
bai1452789545的博客
09-24 558
main_check是最外层的复选框 main_check.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if(main_check.isChecked()){ for (int i = 0; i &lt;da...
Recyclerview实现按页滑动，超过一半width，默认滑到下一页，否则就停留在当前页
QG
08-17 719
Recyclerview实现按页滑动，超过一半width，默认滑到下一页，否则就停留在当前页
每次滑动整个item的RecyclerView
aa234345的博客
04-28 496
每次滑动有个item的RecyclerView import android.content.Context; import android.support.annotation.Nullable; import android.support.v4.view.VelocityTrackerCompat; import android.support.v7.widget.LinearLayoutM...
RecyclerView的双层嵌套-购物车的代码：
zxf19970105的博客
03-07 420
依赖： //Butterknife:根据反射注入框架 implementation ‘com.jakewharton:butterknife:8.8.1’ annotationProcessor ‘com.jakewharton:butterknife-compiler:8.8.1’ //Brvah：RecyclerView快速开发框架 implementation ‘com.github.Cym...
RecyclerView系列（2）—双列表嵌套
点滴积累
07-17 2064
转载请注明出处： http://blog.csdn.net/user11223344abc?viewmode=contents 出自【蛟-blog】 如图所示：整体最外层是列表，白色的是间隔线，红框圈起来的是外层的一个item，该item的内容亦是一个列表，即双列表嵌套。蓝色部分只是2个普通View。可以试着去理解一个需求： 订单列表内的基本单位是订单，而一个订单内可能会存在多个商品，
RecyclerView嵌套RecyclerView的自动滑动问题解决
LPL0129的博客
01-19 1653
大家在使用RecyclerView嵌套RecyclerView的时候会发现页面会内容自动滑动，解决滑动的问题很简单 两种解决办法： 一、代码中设置，内部Recyclerview去除焦点，父布局里获得焦点。 recyclerview.setFocusableInTouchMode(false); recyclerview.requestFocus(); 例如父布局是ConstraintLay...
Android双层ViewPager嵌套实现与使用教程
"Android实现双层ViewPager嵌套" 在Android应用开发中，有时会遇到需要创建一个复杂的用户界面，其中涉及到多个级别的导航。【标题】提到的"Android实现双层ViewPager嵌套"就是一个典型的例子，它涉及到在一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值