安卓標題欄隨屏幕滑動改變顏色

爲了咱們項目的美觀咱們也許常常會碰到一些感受很頭疼的問題，如標題所說就是一個，一個scrollView包裹的頁面或者存在listView的頁面每每須要在往上滑動的時候標題欄實現懸浮而且背景顏色也要隨之改變。廢話很少說了，直接說怎麼實現吧。

1.若是是scrollView包裹的頁面，咱們須要把scrollView和標題欄定義在相對佈局中，保證標題欄能夠懸浮，listView也是同理。

2.若是是scrollView咱們須要用到onOverScrolled方法，然而這是一個protected方法，因此咱們要經過自定義scrollView使用接口回調來實現，listView則須要使用的是onScroll方法，它一樣是一個protected方法，因此它的解決思路和上面是同樣的。

3.知道改怎麼調用監聽方法了就能夠來完成功能的實現，原理其實也很簡單，就是監聽滑動的高度來給標題欄設定不一樣的背景色，固然也能夠作更多的事情。下面就兩種分別把主要代碼放在下面。

a.ScrollView

1).首先自定義接口

public interface ScrollViewListener {
    void onScrollChanged(int scrollX, int scrollY, boolean clampedX, boolean clampedY);
}
2)自定義scrollView，實現接口的回調

public class SmartScrollView extends ScrollView {
    private ScrollViewListener scrollViewListener = null;

    public SmartScrollView (Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
    }

    public SmartScrollView (Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public SmartScrollView (Context context) {
        super(context);
    }

    @Override
    protected void onScrollChangedint scrollX, int scrollY, boolean clampedX, boolean clampedY) {
        super.onScrollChanged(scrollX, scrollY, clampedX, clampedY);
        if(this.scrollViewListener!= null) {
            scrollViewListener.onScrollChanged(scrollX, scrollY, clampedX, clampedY);
        }
    }

    public void setScrollViewListener(ScrollViewListener scrollViewListener) {
        this.scrollViewListener = scrollViewListener;
    }

}

3).實現佈局這部分代碼過於簡單就不粘了

4).在頁面中實現功能

　　　smartScrollView.setScrollViewListener(new ScrollViewListener() {
            
            @Override
            public void onScrollChanged(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {

　　　　　　//獲取圖片的高度，在這個範圍內漸變
                if (scrollY >= iv_background.getTop() + iv_background.getMeasuredHeight()) {
                    ll_title.setBackgroundColor(Color.rgb(0,0,0));
                } else if (scrollY>=0) {

　　　　　　//計算透明度
                    float persent = scrollY * 1f / (iv_background + iv_background.getMeasuredHeight());
                    int alpha = (int) (255 * persent);
                    int color = Color.argb(alpha,0,0,0);
                    ll_title.setBackgroundColor(color);
                }
            }
        });

b.listView

這個定義接口回調和scrollView相似，就是參數換了而已，直接寫關鍵代碼把

((PullRefreshListView) pl_list).setOnRefreshListener(new OnRefreshListener() {

            @Override
            public void onScroll(int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                int[] ints = new int[2];
                mImage.getLocationOnScreen(ints);
                /**
                 * mImage距離屏幕頂部的距離(圖片頂部在屏幕最上面，向上滑動爲負數，因此取反)
                 * 若是不隱藏狀態欄，須要加上狀態欄的高度；隱藏狀態欄就不用加了；
                 */
                int scrollY = -ints[1] + statusbarHeight;
                int imageHeight = mImage.getHeight();
                if (mImage != null && imageHeight > 0) {
                    // 若是圖片沒有向上滑動，設置爲全透明
                    if (scrollY < 0) {
                        mByWhichView.setBackgroundColor(Color.argb(0,0,0,0));
                    } else {
                        // 圖片已經滑動，並且尚未所有滑出屏幕，根據滑出高度的比例設置透明度的比例
                        if (scrollY < imageHeight) {
                            int alpha= (int) (new Float(scrollY) / new Float(imageHeight) * 255);
                            ll_title.setBackgroundColor(Color.argb(alpha,0,0,0));
                        } else {
                            ll_title.setBackgroundColor((Color.rgb(0,0,0));
                        }
                    }
                }
            }
        });

 

大概就是這樣了。