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="?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. 创建回调接口:
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滑动透明度渐变效果实现,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
Android 中使用ExpandableListView 实现分组的实例
这篇文章主要介绍了Android 中使用ExpandableListView 实现分组的实例的相关资料,这里提供实例代码及实现效果图,需要的朋友可以参考下2016-12-12Android 使用SharePerference判断是否为第一次登陆的实现代码
很多app中在第一次安装登陆时会有引导欢迎界面,第二次打开时就不再显示引导页面。这个怎么实现呢?下面小编给大家介绍下使用SharePerference判断是否为第一次登陆的实现代码,需要的的朋友参考下吧2017-03-03Android RippleDrawable 水波纹/涟漪效果的实现
这篇文章主要介绍了Android RippleDrawable 水波纹/涟漪效果的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最新评论