Android中Toolbar隨著ScrollView滑動(dòng)透明度漸變效果實(shí)現(xiàn)
一.思路：監(jiān)聽(tīng)ScrollView的滑動(dòng)事件 不斷的修改Toolbar的透明度
二.注意
1.ScrollView 6.0以前沒(méi)有scrollView.setOnScrollChangeListener(l)方法 所以要自定義ScrollView 在onScrollChanged()中監(jiān)聽(tīng)
2.ScrollView 6.0（23）以前沒(méi)有scrollView.setOnScrollChangeListener()方法 所以要自定義ScrollView 實(shí)現(xiàn).為了Toolbar不遮蓋ScrollView我們給ScrollView設(shè)置paddingTop
但是ScrollView 設(shè)置paddintTop以后 Toolbar透明度變?yōu)?以后還占據(jù)空間 會(huì)出現(xiàn)空白,解決方法:
為ScrollView設(shè)置兩個(gè)屬性：
1〉.
android:clipToPadding="false"
表示控件的繪制范圍是否不在padding里面 false就是表示空間的繪制可以繪制到padding中
2〉
android:clipChildren="false"
表示子控件是否不能超出padding區(qū)域（比如： false ：ScrollView上滑的時(shí)候 child 可以滑出padding區(qū)域 ;true：ScrollView上滑的時(shí)候 child 不能可以滑出padding區(qū)域 ）
布局文件如下：
<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. 創(chuàng)建回調(diào)接口：
public interface TranslucentListener { /** * 透明度的回調(diào) * @param alpha */ public void onTranslucent(float alpha); } 2.自定義ScrollView 在onScrollChange方法中回調(diào)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的值得計(jì)算：
// 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改變的速率 （根據(jù)你的需要你可以自己定義）
最后MainActivity中
@Override public void onTranslucent(float alpha) { toolbar.setAlpha(alpha); } 以上所述是小編給大家介紹的Android中Toolbar隨著ScrollView滑動(dòng)透明度漸變效果實(shí)現(xiàn)，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
