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

最新推荐文章于 2021-05-29 03:39:56 发布
最新推荐文章于 2021-05-29 03:39:56 发布
阅读量330 收藏 1
点赞数 1
分类专栏： Android 基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43499900/article/details/90680740
版权
本文介绍如何实现在滑动RecycleView时，动态改变ToolBar的透明度，模仿淘宝应用的效果。通过监听RecycleView中item的位置变化，调整ToolBar的透明度，达到平滑过渡的效果。
摘要由CSDN通过智能技术生成

实现淘宝滑动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) {
最低0.47元/天 解锁文章
珂奕
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Toolbar（或自定义布局）随滑动控件(ListView,ScrollView,RecylerView)改变透明度
Stay hungry, stay foolish!!
03-15 400
1.效果如下： 2.分别实现ScrollView和ListView以及RecylerView对应时候的透明度 1.首先我们来分析ScrollView如何来实现思路： 其实我们知道是改变Toolbar(自定义的布局)透明度,而且是更具滑动控件滑动的距离，所以问题 来了透明度是0-1，我们猜想可以获取滑动的高度，如何将滑动高度和透明度联系在一起呢？我们 可以设置根据屏...
根据 recyclerview 滑动距离设置导航条透明度
weixin_42593701的博客
02-11 172
如果想根据 RecyclerView 的滑动距离设置导航条的透明度，可以通过监听 RecyclerView 的滑动事件，根据滑动距离的不同计算出透明度的值，并设置到导航条的背景色上。 具体实现方法如下： 获取 RecyclerView 的滑动事件，通过设置 RecyclerView 的滚动监听器。 在滚动监听器中，计算出 RecyclerView 滑动的距离，并根据滑动距离的不同计算出透明度的...
RecyclerView滑动时使toolsbar渐变
小白的究极进化
09-18 6228
先看效果（由于本人不会制作动图，只能给静态图） RecyclerView随着滑动toolsbar颜色开始变化 布局文件： xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pa
仿淘宝实现鼠标移入移出商品透明
lswoqsked的博客
05-31 294
代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .shop{ width: 200px; height:200px; position: absolute; left: 200px; to...
Andorid高仿淘宝商品详情滑动渐变标题栏
木子的专栏
03-07 1352
效果展示 思路 先看结构图,根据滑动距离计算alpha 最外层是一个 NestedScrollView，监听Y轴滑动距离。 长的是一个titleBar，背景为透明色,滑动过程中由透明色变为白色 两边的是功能按钮，由一个白色的图标和一个黑色半透明的圆形背景组成：图标由白色变为黑色，背景由黑色半透明变为白色透明 中间的标题文字由透明色变为黑色 代码 scrollHeigh...
android设置渐变透明效果图,Toolbar+RecycleView实现透明度渐变效果
weixin_39898854的博客
05-29 992
git图渐变.gif布局android:layout_width="match_parent"android:layout_height="match_parent"android:background="@mipmap/pic2442"android:fitsSystemWindows="true">android:id="@+id/recyclerview"android:layout_...
Android Fragment+Headview+Viewpager，Headview(头部)动态改变透明度（渐显渐隐）
小嵩的博客
08-05 6509
最近项目有一个Viewpager+Fragment+Headview的布局，功能需求是Headview随着Fragment的列表（Recyclerview）的滑动而显示隐藏，并且头部在滑动过程中渐隐/渐显，形成视差效果。捣鼓了一段时间做出来了，现在有空就写下来记录一下，分享给有需要的人。工作太忙一直没时间写博客，不周之处还望见谅。 安卓5.0之后支持的原生控件CoordinatorLayout
滑动改变标题栏的颜色
整理记录
08-12 4282
最近发现不少app中有这样的效果，滑动界面时，标题栏颜色渐变。分析了一下，感觉挺简单的，写了个小demo练手。最终效果图从上图效果来作分析，首先，RecyclerView滑动，标题栏背景由透明转换为深红色，滑动的距离是标题栏的高度，超过此高度标题栏背景色固定不变JAVApackage cn.pan.slidesample;import android.graphics.Color; import a
android滑动标题栏渐变实现
weixin_30702413的博客
03-15 200
import android.graphics.Color; import android.os.Build; import android.os.Bundle; import android.support.v4.content.ContextCompat; import android.support.v7.app.AppCompatActivity; import androi...
Toolbar、TabLayout、AppBarLayout和RecyclerView组合可以滑动收起或显示Toolbar的demo
03-29
http://blog.csdn.net/richiezhu/article/details/51005288
Android 首页滑动渐变隐藏标题栏效果.zip
07-10
Android 首页滑动渐变隐藏标题栏效果仿百度手机助手首页滑动效果，首页滑动渐变隐藏标题栏效果，有两种布局srcollview 和 xlistview布局隐藏效果
Android-android标题栏随着RecyclerView滚动背景渐变
08-12
android标题栏随着RecyclerView滚动背景渐变
滑动改变toolbar透明度
lulalei的博客
01-07 1769
因为根据布局的滑动改变toolbar的透明度在各大app上都比较常见,而且最近公司项目也要这个效果,所以就去实现了一下,效果不错,所以就记录一下这个实现. 因为我用的布局是ScrollView,所以我想着在他的滑动监听里去实现,可突然发现它并没有现成的监听滑动的方法,但是有一个onScrollChanged方法,所以就自定义一个MyScrollView类,该类核心代码如下:
标题栏随RecyclerView滑动动态修改透明度
浅颜如梦
03-26 5099
  标题栏随RecyclerView滑动动态修改透明度,其使用是使标题栏覆盖在RecyclerView上方，添加以下方法监听滑动时y轴的变化   private int height = 640;// 滑动开始变色的高,真实项目中此高度是由广告轮播或其他首页view高度决定 private int overallXScroll = 0; recyclerView.a...
Toolbar随着ScrollView滑动透明度渐变效果实现
BillyLu的博客
01-22 3252
一.思路：监听ScrollView的滑动事件 不断的修改Toolbar的透明度 二.注意 1.ScrollView 6.0以前没有scrollView.setOnScrollChangeListener(l)方法  所以要自定义ScrollView 在onScrollChanged()中监听 2.ScrollView 6.0（23）以前没有scrollView.setOnScroll
RecycleView替代CoordinatorLayout实现滑动标题渐变效果
Allen的博客
03-21 1219
问题：由于CoordinatorLayout嵌套太多， 也有一定的局限性，所以我在实现RecycleView滑动标题渐变透明度显示隐藏，用了RecycleView的滑动监听做了渐变效果 ； private int height = 85; private int overallXScroll = 0; rl_recycle.setOnScrollListener(new RecyclerV
如何截取RecyceView (避免SimpleDraweeView异步加载图片出现空白)
renlong
08-02 1112
小伙伴们如果截取recycleview且item项中如果使用了异步加载框架，比如SimpleDraweeView，那么肯定会遇到SimpleDraweeView出现空白的尴尬场面，经过两天的摸索和多次的尝试，终于找到了方面的解决的问题 原因：在截图超过手机屏幕的时候我们使用的方法是重新绘制每个item项然后画在画布上从而生成一张bitmap,但是使用异步加载框架就会出现绘制完了图片还未加载出来的尴...
代码滑动recycleview
最新发布
06-10
以下是一个示例代码，用于在 RecyclerView 中实现滑动效果： ``` public class CustomLayoutManager extends LinearLayoutManager { private static final float MILLISECONDS_PER_INCH = 50f; private Context ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值