1. 程式人生 > >使用ScrollView做漸變導航欄

使用ScrollView做漸變導航欄

前些日子專案要在原來的頁面上加入漸變導航欄的功能,查了很多資料,很多資源都是監聽到listview的高度來實現漸變導航欄的效果,可是專案裡面很多的介面都是使用ScrollView來實現滑動效果。
實在沒辦法,就自己寫了一個test來實現這個效果。
這裡寫圖片描述
話不多說,馬上看一下思路吧,其實漸變導航欄無非就是改變導航欄的透明度也就是可以設定一個高度,根據這個高度,監聽ScrollView滑動的距離,從而實現漸變導航欄的效果。
下面看程式碼吧
首先自定義一個ScrollView
1、ObservableScrollView.java

package com.example.test;

import
android.content.Context; import android.os.Build; import android.util.AttributeSet; import android.widget.ScrollView; public class ObservableScrollView extends ScrollView implements ObservableScrollable { private boolean mDisableEdgeEffects = true; private OnScrollChangedCallback mOnScrollChangedListener; public
ObservableScrollView(Context context) { super(context); } public ObservableScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public ObservableScrollView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } @Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) { super.onScrollChanged(l, t, oldl, oldt); if (mOnScrollChangedListener != null) { mOnScrollChangedListener.onScroll(l, t); } } @Override protected float getTopFadingEdgeStrength() { if (mDisableEdgeEffects && Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB) { return 0.0f; } return super.getTopFadingEdgeStrength(); } @Override protected float getBottomFadingEdgeStrength() { if (mDisableEdgeEffects && Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB) { return 0.0f; } return super.getBottomFadingEdgeStrength(); } @Override public void setOnScrollChangedCallback(OnScrollChangedCallback callback) { mOnScrollChangedListener = callback; } }

這裡面定義了兩個介面
2、ObservableScrollable.java

package com.example.test;


public interface ObservableScrollable {
    void setOnScrollChangedCallback(OnScrollChangedCallback callback);
}

3、OnScrollChangedCallback.java

package com.example.test;

public interface OnScrollChangedCallback {
    void onScroll(int l, int t);
}

這裡的回撥函式,實現了對ScrollView的監聽
然後就是main方法
4、MainActivity.java

package com.example.test;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;
import android.widget.RelativeLayout;
import android.widget.ScrollView;

public class MainActivity extends Activity implements OnScrollChangedCallback {
    ObservableScrollable sv;
    RelativeLayout rl;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        rl = (RelativeLayout) findViewById(R.id.rl);
        sv = (ObservableScrollable) findViewById(R.id.sv);
        sv.setOnScrollChangedCallback(this);
    }
    @Override
    public void onScroll(int l, int t) {
        float newAlpha = (float)t/500;
        rl.setAlpha(newAlpha);
    }

}

main中設定對ScrollView的監聽,同時設定監聽高度為500,將500分為100%來實現漸變導航欄的改變
然後在xml檔案上繼承ObservableScrollView類即可。