安卓标题栏随屏幕滑动改变颜色

为了咱们项目的美观咱们也许常常会碰到一些感受很头疼的问题，如标题所说就是一个，一个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));
                        }
                    }
                }
            }
        });

 

大概就是这样了。