解析ScrollView--仿QQ空間標題列漸層，scrollview--標題列

解析ScrollView--仿QQ空間標題列漸層，scrollview--標題列

先看一下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.hankkin.gradationtitlebar.QQSpeakActivity">    <com.hankkin.gradationscroll.GradationScrollView        android:id="@+id/scrollview"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:scrollbars="none">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="vertical" >            <ImageView                android:id="@+id/iv_banner"                android:scaleType="fitXY"                android:src="@drawable/banner3"                android:layout_width="match_parent"                android:layout_height="200dp" />            <com.hankkin.gradationscroll.NoScrollListview                android:id="@+id/listview"                android:layout_width="match_parent"                android:layout_height="wrap_content" >            </com.hankkin.gradationscroll.NoScrollListview>        </LinearLayout>    </com.hankkin.gradationscroll.GradationScrollView>    <TextView        android:paddingBottom="10dp"        android:id="@+id/textview"        android:layout_width="match_parent"        android:layout_height="55dp"        android:gravity="center|bottom"        android:text="我是標題"        android:textSize="18sp"        android:textColor="@color/transparent"        android:background="#00000000" /></RelativeLayout>

 

public class GradationScrollView extends ScrollView {    public interface ScrollViewListener {        void onScrollChanged(GradationScrollView scrollView, int x, int y,                             int oldx, int oldy);    }    private ScrollViewListener scrollViewListener = null;    public GradationScrollView(Context context) {        super(context);    }    public GradationScrollView(Context context, AttributeSet attrs,                               int defStyle) {        super(context, attrs, defStyle);    }    public GradationScrollView(Context context, AttributeSet attrs) {        super(context, attrs);    }    public void setScrollViewListener(ScrollViewListener scrollViewListener) {        this.scrollViewListener = scrollViewListener;    }    @Override    protected void onScrollChanged(int x, int y, int oldx, int oldy) {        super.onScrollChanged(x, y, oldx, oldy);        if (scrollViewListener != null) {            scrollViewListener.onScrollChanged(this, x, y, oldx, oldy);        }    }}

我們需要擷取圖片的高度，並且設定滾動監聽，隨著滾動的距離來設定標題列的顏色透明度和字型顏色的透明度

/**  * 擷取頂部圖片高度後，設定滾動監聽*/private void initListeners() {        ViewTreeObserver vto = ivBanner.getViewTreeObserver();        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {            @Override            public void onGlobalLayout() {                textView.getViewTreeObserver().removeGlobalOnLayoutListener(                        this);                height = ivBanner.getHeight();                scrollView.setScrollViewListener(QQSpeakActivity.this);            }        }); }

　　

/**     * 滑動監聽     * @param scrollView     * @param x     * @param y     * @param oldx     * @param oldy*/@Overridepublic void onScrollChanged(GradationScrollView scrollView, int x, int y,                                int oldx, int oldy) {        // TODO Auto-generated method stub        if (y <= 0) {   //設定標題的背景顏色            textView.setBackgroundColor(Color.argb((int) 0, 144,151,166));        } else if (y > 0 && y <= height) { //滑動距離小於banner圖的高度時，設定背景和字型顏色顏色透明度漸層            float scale = (float) y / height;            float alpha = (255 * scale);            textView.setTextColor(Color.argb((int) alpha, 255,255,255));            textView.setBackgroundColor(Color.argb((int) alpha, 144,151,166));        } else {    //滑動到banner下面設定普通顏色            textView.setBackgroundColor(Color.argb((int) 255, 144,151,166));        }    }

　　

github:https://github.com/ganchuanpu/GradationTitleBar