Android中Toolbar随着ScrollView滑动透明度渐变效果实现
Android中Toolbar随着ScrollView滑动透明度渐变效果实现
一.思路：监听ScrollView的滑动事件不断的修改Toolbar的透明度
二.注意
1.ScrollView6.0以前没有scrollView.setOnScrollChangeListener(l)方法 所以要自定义ScrollView在onScrollChanged()中监听
2.ScrollView6.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区域）
布局文件如下：
<RelativeLayoutxmlns: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="?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="?attr/colorPrimary" android:layout_height="?attr/actionBarSize"> </android.support.v7.widget.Toolbar> </RelativeLayout>
三.步骤
1.创建回调接口：
publicinterfaceTranslucentListener{
/**
*透明度的回调
*@paramalpha
*/
publicvoidonTranslucent(floatalpha);
}
2.自定义ScrollView在onScrollChange方法中回调TranslucentListener接口的方法并且回传alpha的值：
@Override
protectedvoidonScrollChanged(intl,intt,intoldl,intoldt){
super.onScrollChanged(l,t,oldl,oldt);
if(translucentListener!=null){
//translucentListener.onTranslucent(alpha);
}
}
3.alpha的值得计算：
//alpha=滑出去的高度/(screenHeight/3); floatheightPixels=getContext().getResources().getDisplayMetrics().heightPixels; floatscrollY=getScrollY();//该值大于0 floatalpha=1-scrollY/(heightPixels/3);//0~1透明度是1~0 //这里选择的screenHeight的1/3是alpha改变的速率（根据你的需要你可以自己定义）
最后MainActivity中
@Override
publicvoidonTranslucent(floatalpha){
toolbar.setAlpha(alpha);
}
以上所述是小编给大家介绍的Android中Toolbar随着ScrollView滑动透明度渐变效果实现，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！