十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇文章为大家展示了在Android开发中利用Toolbar实现随着ScrollView改变透明度,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
创新互联技术团队10年来致力于为客户提供网站设计制作、成都网站设计、品牌网站建设、全网营销推广、搜索引擎SEO优化等服务。经过多年发展,公司拥有经验丰富的技术团队,先后服务、推广了近千家网站,包括各类中小企业、企事单位、高校等机构单位。
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区域 )
布局文件如下:
三.步骤
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改变透明度,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。