Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android中Toolbar隨著ScrollView滑動透明度漸變效果實現

Android中Toolbar隨著ScrollView滑動透明度漸變效果實現

編輯:關於Android編程

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滑動透明度漸變效果實現,小編會及時回復大家的。在此也非常感謝大家對本站網站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved