首页 > 代码库 > 20161206
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了。
20161206