Android透明到白色滑动渐变,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区域 )

布局文件如下：

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" >

android:id="@+id/scrollview"

android:clipToPadding="false"

android:clipChildren="true"

android:paddingTop="?attr/actionBarSize"

android:layout_width="match_parent"

android:layout_height="match_parent" >

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_blue_dark"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_green_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_orange_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_blue_dark"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_green_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_orange_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_blue_dark"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_green_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_orange_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_blue_dark"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_green_light"

/>

android:layout_width="fill_parent"

android:layout_height="400dp"

android:background="@android:color/holo_orange_light"

/>

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:background="?attr/colorPrimary"

android:layout_height="?attr/actionBarSize" >

三.步骤

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滑动透明度渐变效果实现，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！