仿淘宝滑动RecycleView改变ToolBar透明度

最新推荐文章于 2023-02-11 22:52:01 发布

珂奕

最新推荐文章于 2023-02-11 22:52:01 发布

阅读量369

点赞数 1

分类专栏： Android 基础

本文链接：https://blog.youkuaiyun.com/weixin_43499900/article/details/90680740

版权

Android 基础专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何实现在滑动RecycleView时，动态改变ToolBar的透明度，模仿淘宝应用的效果。通过监听RecycleView中item的位置变化，调整ToolBar的透明度，达到平滑过渡的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现淘宝滑动RecycleView改变ToolBar透明度

在这里插入图片描述

通过监听item距离顶部的位置，进行相应的透明度改变。
代码如下:

  mRlv.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {

            private int mDistanceY;

            @Override
            public void onScrollChanged() {
                //控制tab透明度   //mManager    mManager = new LinearLayoutManager(getActivity());
                if (mManager.findFirstVisibleItemPosition() == 0) {
                    mDistanceY = -mRlv.getChildAt(0).getTop();
                    //完全变色的高度
                    int changeHeight = 500;

                    //当滑动的距离 <= toolbar高度的时候，改变Toolbar背景色的透明度，达到渐变的效果
                    if (mDistanceY <= changeHeight) {
                        float alpha = (float) mDistanceY / changeHeight;
                        mMtoolbar.setAlpha(alpha);
                        if (alpha < 0.01) {
                            mMtoolbar.setEnabled(false);
                        } else {
                            mMtoolbar.setEnabled(true);
                        }
                    } else {
                        //将标题栏的颜色设置为完全不透明状态  //mMtoolbar表示Toolbar对象
                        mMtoolbar.setAlpha(1);
                        mMtoolbar.setEnabled(true);
                    }
                } else {
                    if (mMtoolbar.getAlpha() != 1f) {
                        //将标题栏的颜色设置为完全不透明状态
                        mMtoolbar.setAlpha(1);
                        mMtoolbar.setEnabled(true);
                    }
                }
            }
        });