以前都是用网上开源的上拉刷新,下拉加载更多,确实很好用,没毛病,但是有的时候,写个项目,引用的jar包,或者module依赖多了,程序包就会变得很臃肿,很大,这个对于用户来说,是非常不好的第一印象。看到几十M甚至上百M的应用app,是我也不会下载体验。。
扯远了,上面说的都跑题了,接下来切入正题。在已经有了这么多优秀的开源包,以及别人写的下拉刷新listview了为毛我还要继续重复造轮子的事情呢?是这样的,有的时候你会用,但不会改,是很蛋疼的事情,所谓知其然也要知其所以然。在某些重复造轮子的事情中,你会学会很多东西,了解一个技术,一个关键点是怎么解决的。官人接着往下看。
1.头布局和底布局的设置
- 重点就是测量好宽高度,然后添加进去。这里会用到measure方法,如果有不懂的,我给个传送门。
//测量头布局
headerView.measure(0,0);
headerViewHight = headerView.getMeasuredHeight();
//设置头布局的位置
headerView.setPadding(0,-headerViewHight,0,0);
this.addHeaderView(headerView);
//测量脚布局
footerView.measure(0,0);
footerViewHight = footerView.getMeasuredHeight();
footerView.setPadding(0,-footerViewHight,0,0);
this.addFooterView(footerView);
因为是自定义,在高度宽度没定死的情况下,需要测量才能显示出来。这里我们通过measure(0,0)相当于调用了MeasureSpec的UNSPECIFIED 这个mode,系统会自动去测量你xml里写的布局的宽高。
- 然后是进行手势的判断,因为在listview的下拉上滑过程中,你需要根据手势是抬起,按下,还是移动进行不同的处理。如果是下拉,那必然要在按下的时候记录按下的位置的Y值,ev.getY();然后在移动的时候,连续去获取Y值,通过两者的差值与头部局的高度进行对比,来进行状态的切换。
/**
* 手势的判断
* @param ev
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()){
case MotionEvent.ACTION_DOWN://按下
downY = (int) ev.getY();
break;
case MotionEvent.ACTION_MOVE://手指移动
changeY = (int) ev.getY();
int distance = (changeY-downY)/2;
int paddingTop = -headerViewHight+distance;
if (firstItemPosition == 0&&-headerViewHight<paddingTop){
if (paddingTop>0&¤tState == PULL_TO_REFRESH){
//刷新
currentState = RELEASE_REFRESH;
//刷新状态
refreshView();
}else if (paddingTop<0&¤tState == RELEASE_REFRESH){
currentState = PULL_TO_REFRESH;
refreshView();
}
headerView.setPadding(0,paddingTop,0,0);
return true;
}
break;
case MotionEvent.ACTION_UP:
//判断当前状态
if (currentState == RELEASE_REFRESH){
currentState = REFRESHING;
//进行刷新操作并显示头部
headerView.setPadding(0,0,0,0);
refreshView();
if (listener!=null){
listener.upRefresh();
}
}else if (currentState == PULL_TO_REFRESH){
//将头部隐藏
headerView.setPadding(0,-headerViewHight,0,0);
}
}
return super.onTouchEvent(ev);
}
在move的过程中,要返回true,表示这个事件一直在被move消费,这样就不会被返回,不然下拉再画回去,头部会出现卡顿现象。
- 接下来就是listview自身的滑动事件了,我们在进行上述操作的时候,肯定要判断当前是否是第一个item的位置才进行下拉刷新,或者是否是最后一个item才进行上滑加载更多。这里要解释下,很多同学可能不知道怎么更简洁的找最后一个元素。onScroll(AbsListView absListView, int i, int i1, int i2)看这里面的参数。其中i是表示第一个可见的item,i1是表示当前屏幕可见item的总数,i2是表示所有item的总数。而且listview是自带方法获取到最后一个item的 listView.getLastVisiblePosition(),知道了这些,对你理解scroll有很大的帮助。
@Override
public void onScrollStateChanged(AbsListView absListView, int i) {
if (i==SCROLL_STATE_FLING||i==SCROLL_STATE_IDLE){
if (isScrollEnd&&!isAddMore){
isAddMore = true;
footerView.setPadding(0,0,0,0);
this.setSelection(this.getCount());
if (listener!=null){
listener.addMore();
}
}
}
}
@Override
public void onScroll(AbsListView absListView, int i, int i1, int i2) {
firstItemPosition = i;
if (getLastVisiblePosition() == (i2-1)){
isScrollEnd = true;
}else {
isScrollEnd = false;
}
}
- 最后就是箭头的动画,箭头我们用旋转动画,这个比较简单,看一下就会了,我相信,只要你一步一步的去思考,去实践,就会做出属于自己的自定义控件来。
/**
* 箭头的动画
*/
private void initAnimation(){
upAnimation = new RotateAnimation(0f,-180f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
upAnimation.setDuration(500);
upAnimation.setFillAfter(true);//动画完毕就保持这个状态
downAnimation = new RotateAnimation(-180f,-360f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
downAnimation.setDuration(500);
downAnimation.setFillAfter(true);
}
最后在使用这个自定义控件的时候,我使用了异步类AsyncTask去模拟加载数据,还有一点,listview.add(0,”“);这个方法会让你上拉的数据显示在最顶上,不然加载进去的数据会添加在集合的底部。下面我会给出我的demo,大家去下载试试看效果,参考参考,我也很菜,努力学习技术的路上,有不对的请指点出来,希望和大家多交流技术。