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

以前都是用网上开源的上拉刷新,下拉加载更多,确实很好用,没毛病,但是有的时候,写个项目,引用的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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值