一步一步搞定下拉刷新上滑加载ListView

来源：互联网发布：知乎不能邀请回答编辑：程序博客网时间：2024/05/02 04:49

以前都是用网上开源的上拉刷新，下拉加载更多，确实很好用，没毛病，但是有的时候，写个项目，引用的jar包，或者module依赖多了，程序包就会变得很臃肿，很大，这个对于用户来说，是非常不好的第一印象。看到几十M甚至上百M的应用app，是我也不会下载体验。。
扯远了，上面说的都跑题了，接下来切入正题。在已经有了这么多优秀的开源包，以及别人写的下拉刷新listview了为毛我还要继续重复造轮子的事情呢？是这样的，有的时候你会用，但不会改，是很蛋疼的事情，所谓知其然也要知其所以然。在某些重复造轮子的事情中，你会学会很多东西，了解一个技术，一个关键点是怎么解决的。官人接着往下看。
1.头布局和底布局的设置

重点就是测量好宽高度，然后添加进去。这里会用到measure方法，如果有不懂的，我给个传送门。

http://www.tuicool.com/articles/qmEVNju

        //测量头布局        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&&currentState == PULL_TO_REFRESH){                        //刷新                        currentState = RELEASE_REFRESH;                        //刷新状态                        refreshView();                    }else if (paddingTop<0&&currentState == 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，大家去下载试试看效果，参考参考，我也很菜，努力学习技术的路上，有不对的请指点出来，希望和大家多交流技术。

http://download.csdn.net/detail/u014302621/9623768

1 0