20161206

随布局变化而产生变化的标题栏

如果是scrollView包裹的页面，需要把scrollView和标题栏定义在相对布局中，保证标题栏可以悬浮，listView也是同理。

如果是scrollView需要用到onOverScrolled方法，然而这是一个protected方法，所以要通过自定义scrollView使用接口回调来实现，listView则需要使用的是onScroll方法，它同样是一个protected方法，所以它的解决思路和上面是一样的，知道改怎么调用监听方法了就可以来完成功能的实现，原理其实也很简单。

ScrollView

首先自定义接口

public interface ScrollViewListener {
    void onScrollChanged(int scrollX, int scrollY, boolean clampedX, boolean clampedY);
}

自定义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;
    }

}

在页面中实现功能

　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);
                }
            }
        });

 

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));
                        }
                    } 
                }
            }
        });

ok了。