使用ScrollView做漸變導航欄
阿新 • • 發佈:2019-02-03
前些日子專案要在原來的頁面上加入漸變導航欄的功能,查了很多資料,很多資源都是監聽到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類即可。