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区域 )

布局文件如下:

 
  
   
    
    
    
    
    
    
    
    
    
    
    
    
   
  
  
  
 

三.步骤

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中Toolbar随着ScrollView滑动透明度渐变效果实现)