在Android开发中利用Toolbar实现随着ScrollView改变透明度

发布时间：2020-11-20 16:00:21 阅读：323 作者：Leah 栏目：移动开发

Android开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

本篇文章为大家展示了在Android开发中利用Toolbar实现随着ScrollView改变透明度，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

Android中Toolbar随着ScrollView滑动透明度渐变效果实现

一.思路：监听ScrollView的滑动事件不断的修改Toolbar的透明度

二.注意

1.ScrollView 6.0以前没有scrollView.setOnScrollChangeListener(l)方法所以要自定义ScrollView 在onScrollChanged()中监听

2.ScrollView 6.0（23）以前没有scrollView.setOnScrollChangeListener()方法所以要自定义ScrollView 实现.为了Toolbar不遮盖ScrollView我们给ScrollView设置paddingTop

但是ScrollView 设置paddintTop以后 Toolbar透明度变为0以后还占据空间会出现空白,解决方法:

为ScrollView设置两个属性：

1〉.

android:clipToPadding="false"

表示控件的绘制范围是否不在padding里面 false就是表示空间的绘制可以绘制到padding中

2〉

android:clipChildren="false"

表示子控件是否不能超出padding区域（比如： false ：ScrollView上滑的时候 child 可以滑出padding区域 ;true：ScrollView上滑的时候 child 不能可以滑出padding区域）

布局文件如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:app="http://schemas.android.com/apk/res-auto" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" > 
 <com.dice.md.toolbar.transperent.TranslucentScrollView 
  android:id="@+id/scrollview" 
  android:clipToPadding="false" 
  android:clipChildren="true" 
  android:paddingTop="&#63;attr/actionBarSize" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
  <LinearLayout 
   android:orientation="vertical" 
   android:layout_width="fill_parent" 
   android:layout_height="wrap_content"> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
  </LinearLayout> 
 </com.dice.md.toolbar.transperent.TranslucentScrollView> 
 <android.support.v7.widget.Toolbar 
  android:id="@+id/toolbar" 
  android:layout_width="match_parent" 
  android:background="&#63;attr/colorPrimary" 
  android:layout_height="&#63;attr/actionBarSize" > 
 </android.support.v7.widget.Toolbar> 
</RelativeLayout>

三.步骤

1. 创建回调接口：

public interface TranslucentListener { 
/** 
 * 透明度的回调 
 * @param alpha 
 */ 
public void onTranslucent(float alpha); 
}

2.自定义ScrollView 在onScrollChange方法中回调TranslucentListener接口的方法并且回传alpha的值：

@Override 
protected void onScrollChanged(int l, int t, int oldl, int oldt) { 
 super.onScrollChanged(l, t, oldl, oldt); 
 if (translucentListener!=null) { 
  //translucentListener.onTranslucent(alpha); 
 } 
}

3.alpha的值得计算：

// alpha = 滑出去的高度/(screenHeight/3); 
float heightPixels = getContext().getResources().getDisplayMetrics().heightPixels; 
float scrollY = getScrollY();//该值 大于0 
float alpha = 1-scrollY/(heightPixels/3);// 0~1 透明度是1~0 
//这里选择的screenHeight的1/3 是alpha改变的速率 （根据你的需要你可以自己定义）

最后MainActivity中

@Override 
public void onTranslucent(float alpha) { 
 toolbar.setAlpha(alpha); 
}

上述内容就是在Android开发中利用Toolbar实现随着ScrollView改变透明度，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

在Android开发中利用Toolbar实现随着ScrollView改变透明度

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签