大家都見過QQ好友動態，不知道你注意到沒有，當我們滑動時狀態欄會變顏色。今天就自己實現以下這種效果。

1.設置全屏

public static void setStatusBarTranslucent(Activity activity){
//5.0以上
if (Build.VERSION.SDK_INT>=Build.VERSION_CODES.LOLLIPOP){
    //設置全屏
   View decorView= activity.getWindow().getDecorView();
   int option= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
    decorView.setSystemUiVisibility(option);
    activity.getWindow().setStatusBarColor(Color.TRANSPARENT);

}else if (Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){
    //設置全屏
    activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}

2.布局文件（隨便寫了一個），相信大家都會

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.projectdemo.zwz.slidingmenu.MyScrollView
    android:id="@+id/scroll_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
    android:id="@+id/image_view"
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:background="@color/colorAccent"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:text="hollod word"/>


<TextView
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:text="hollod word"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:text="hollod word"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:text="hollod word"/>
<TextView
    android:layout_width="match_parent"
    android:layout_height="400dp"
    android:text="hollod word"/>
</LinearLayout>
</com.projectdemo.zwz.slidingmenu.MyScrollView>

<LinearLayout
android:id="@+id/ll_title"
android:layout_width="match_parent"
android:layout_height="70dp"
android:gravity="center"
android:background="@android:color/holo_blue_light">
 <TextView
android:text="頭部"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
 </LinearLayout>
</RelativeLayout>

3.自定義ScrollView，主要設置監聽，不停返回坐標位置

只需要重寫onScrollChanged(int l, int t, int oldl, int oldt) ；方法
設置監聽回調

  public interface ScrollChangedListener{
    public void onScroll(int l, int t, int oldl, int oldt);
   }
     private ScrollChangedListener mListener;
 public void setOnScrollChangeListener(ScrollChangedListener listener){
    mListener=listener;
}

onScrollChanged(int l, int t, int oldl, int oldt) 中實現回調

 @Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);
    if (mListener!=null){
        mListener.onScroll(l,t,oldl,oldt);
    }
}

其實就是如此簡單

4.主要實現

.剛進來背景完全透明

       llTitle = (LinearLayout) findViewById(R.id.ll_title);
       llTitle.getBackground().setAlpha(0);

獲取ImageView和llTitle高度

    image_view.post(new Runnable() {
        @Override
        public void run() {
            mImageHeight=image_view.getMeasuredHeight();
        }
    });
    llTitle.post(new Runnable() {
        @Override
        public void run() {
            mLLtitleHeight= llTitle.getMeasuredHeight();
        }
    });

不斷監聽滾動 判斷當前滾動的位置計算背景透明度

    scroll_view.setOnScrollChangeListener(new MyScrollView.ScrollChangedListener() {
        @Override
        public void onScroll(int l, int t, int oldl, int oldt) {
           //獲取圖片的高度，根據當前滾動的位置  計算alpha
            if (mImageHeight==0)return;
            if (mLLtitleHeight==0)return;

            float alpha=(float)t/(mImageHeight-mLLtitleHeight);

            if (alpha<=0){
                alpha=0;
            }

            if (alpha>1){
                alpha=1;
            }

            llTitle.getBackground().setAlpha((int) (alpha*255));

        }
    });