Recyclview实现仿京东淘宝金刚位带滚动进度条

首先先上效果图

整体是一个recycleview列表 下面滚动条是单独的view

监听recycleview列表的滑动，来控制view的滑动

先上布局

 <android.support.v7.widget.RecyclerView
                        android:id="@+id/rcy_icon"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"/>
//滚动条
                    <LinearLayout
                        android:paddingBottom="12dp"
                        android:layout_marginTop="-5dp"
                        android:gravity="center"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                        <FrameLayout
                            android:layout_gravity="center"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:id="@+id/scrollbarLayout"
                            >
//背景
                            <View
                                android:id="@+id/icon_bg"
                                android:layout_width="40dp"
                                android:layout_height="3dp"
                                android:background="@drawable/bg_home_scrollbar"/>
//滑块
                            <View
                                android:id="@+id/main_line"
                                android:layout_width="15dp"
                                android:layout_height="3dp"
                                android:background="@drawable/bg_home_scrollbar_og"
                                android:layout_gravity="center_vertical"/>
                        </FrameLayout>
                    </LinearLayout>

然后主界面的相关代码

   //金刚位
        icon_bg=mView.findViewById(R.id.icon_bg);
        bar_line = mView.findViewById(R.id.main_line);
        int defpadding = DensityUtil.dip2px(getActivity(), 24);
        double horizontalSpacing = defpadding;
        rcy_icon = mView.findViewById(R.id.rcy_icon);
        GridLayoutManager layoutManager = new GridLayoutManager(getActivity(), 2, GridLayoutManager.HORIZONTAL, false);
        rcy_icon.setLayoutManager(layoutManager);
        GridSpacingItemDecoration gridSpacingItemDecoration = GridSpacingItemDecoration.newGridItemDecoration(layoutManager, DensityUtil.dip2px(getActivity(), 12f), (int) horizontalSpacing, true);
        if (rcy_icon.getItemDecorationCount() == 0) {
            rcy_icon.addItemDecoration(gridSpacingItemDecoration);
        }
        menuAdapter = new HomeMenuAdapter(getActivity());
        rcy_icon.setAdapter(menuAdapter);

        setScrollBar();




  //金刚位底部滚动条
    private void setScrollBar() {

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

            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                //当前RcyclerView显示区域的高度。水平列表屏幕从左侧到右侧显示范围
                int extent = recyclerView.computeHorizontalScrollExtent();
                //整体的高度，注意是整体，包括在显示区域之外的。
                int range = recyclerView.computeHorizontalScrollRange();

                //已经滚动的距离，为0时表示已处于顶部。
                int offset = recyclerView.computeHorizontalScrollOffset();
                if (extent==range){
                    bar_line.setVisibility(View.GONE);
                }else {
                    bar_line.setVisibility(View.VISIBLE);
                    //计算出溢出部分的宽度，即屏幕外剩下的宽度
                    float maxEndX = range - extent;
                    //计算比例
                    float proportion = offset / maxEndX;
                    int layoutWidth = icon_bg.getWidth();
                    int indicatorViewWidth = bar_line.getWidth();
                    //可滑动的距离
                    int scrollableDistance = layoutWidth - indicatorViewWidth;
                    //设置滚动条移动
                    bar_line.setTranslationX(scrollableDistance * proportion);
                }
            }

        });
    }

列表很简单  主要是下面滚动条的监听滑动

代码里都有详细的注释  看一下很容易就懂得

放个毒鸡汤  

只有自己强大了  才不会畏惧困难