文章标题

最新推荐文章于 2024-04-22 16:59:44 发布

原创最新推荐文章于 2024-04-22 16:59:44 发布 · 472 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#上拉刷新和下拉刷新的

ゝω・Android学习笔记专栏收录该内容

34 篇文章

订阅专栏

最近做的一个小项目需要用到上拉刷新和下拉刷新的ListView，看了网上的很多例子，都是半知不解的，然后问了朋友要了他的Demo拿来开始仔细研究。
首先看看他的Demo长什么样：

下拉刷新
上拉刷新
样子看完了，那么接下来就是看他的AndroidManifest.xml文件了，发现里面并没有什么特别的，那就关闭接下来去看他的重头戏了，就是ReFlashiListView.java，开始慢慢的分块去研究。。。

//首先可以看到它是继承ListView的，并且实现了滑动监听事件
public class ReFlashListView extends ListView implements OnScrollListener {
    View header;//这边定义了顶部布局，也是刚才图片上的正在刷新和四个颜色的点
    int headerHeight;// 顶部布局文件的高度；
    int firstVisibleItem;// 第一个可见的item
    int scrollState;// 滑动状态
    boolean isRemark;// 判断当前是否是在listview最顶端摁下的；
    int startY;// 开始按下的Y坐标
    int state;// 当前的状态；
    final int NONE = 0;// 正常状态；
    final int PULL = 1;// 拉动的状态
    final int RELESE = 2;// 释放状态
    final int REFLASHING = 3;// 正在刷新状态
    IReflashListener iReflashListener;//刷新数据的一个侦听事件
    private AnimationDrawable anim;// 帧动画
    private ImageView arrow;// 一个图片（一键箭头）

    View footer;// 底部布局；
    int totalItemCount;// item的总数量；
    int lastVisibleItem;// 最后一个可见的item；
    boolean isLoading;// 判断是否正在加载；
    ILoadListener iLoadListener;// 加载更多数据的侦听事件
    boolean isdownpull=true;//判断是否下拉

这下整理一下上面的定义

这里写图片描述

//接下来是三个不同的构造器
public ReFlashListView(Context context) {
        super(context);
        // 顶部布局初始化
        initView(context);
        // 底部布局初始化
        initViewLoad(context);
    }

    public ReFlashListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 顶部布局初始化
        initView(context);
        // 底部布局初始化
        initViewLoad(context);
    }

    public ReFlashListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // 顶部布局初始化
        initView(context);
        // 底部布局初始化
        initViewLoad(context);
    }

楼上，第二个第三个中的AttributeSet （自定义AttributeSet属性）[一个自定义的ListView控件，需要在底部添加一个View，而这个View在不同的模块使用中传入的View是不同的，解决方式之一：在自定义ListView控件类中提供一个公开的接口给外部调用从而将View动态的传入进去]

/**
     * 初始化界面，添加顶部布局文件到 listview
     * 
     * @param context
     */
    private void initView(Context context) {
        //应用布局初始化
        LayoutInflater inflater = LayoutInflater.from(context);
        //头部布局初始化
        header = inflater.inflate(R.layout.header_layout, null);
        //测量头部布局
        measureView(header);
        //获取头部布局的高
        headerHeight = header.getMeasuredHeight();
        //将距离传进来的context的高度的间距设置负的头部布局的高度
        topPadding(-headerHeight);
        //将头部布局添加到context中，可以想象得出这是我们依旧看不见这个头部布局，不是被影藏了，而是在屏幕的上方我们看不到罢了
        this.addHeaderView(header);
        //给context设置滑动侦听事件
        this.setOnScrollListener(this);
    }

    /**
     * 添加底部加载提示布局到listview
     * 
     * @param context
     */
    private void initViewLoad(Context context) {
        //应用布局初始化
        LayoutInflater inflater = LayoutInflater.from(context);
        //底部布局初始化
        footer = inflater.inflate(R.layout.footer_layout, null);
        //将底部布局设置为影藏
        //View.INVISIBLE和View.GONE的主要区别是：当控件visibility属性为INVISIBLE时，界面保留了view控件所占有的空间；而控件属性为GONE时，界面则不保留view控件所占有的空间。 
        footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
        //将底部布局添加到context中，由于footer被设置为View.GONE，所以我们看不到
        this.addFooterView(footer);
        //给context设置滑动侦听事件
        this.setOnScrollListener(this);
    }

    /**
     * 通知父布局，占用的宽，高； 此方法必须实现，否则会使得在拉出控件后无法回到布局中去
     * = =渣渣的我，这里有点蒙圈了。。。
     * @param view
     */
    private void measureView(View view) {
        //获取布局属性
        ViewGroup.LayoutParams p = view.getLayoutParams();
        //如果布局属性不存在，那么自定义一个布局属性：宽=父类的宽，高自适应
        if (p == null) {
            p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
        }
        //ViewGroup.getChildMeasureSpec(int spec, int padding, int childDimension);
        // @param spec 父View的详细测量值（MeasureSpec）
        // @param padding  子view内外边距
        //@param childDimension 子view预定的大小(LayoutParam.width或height)---最终不一定绘制该大小
        //子布局大小需要由自身的layoutPrams属性和父View的MeasureSpec共同决定
        //参考网址：http://blog.youkuaiyun.com/ljx19900116/article/details/41806693
        //定义一个测量宽度为布局属性的宽度
        int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);
        //定义一个高度
        int height;
        //将该布局属性的高度赋值给一个临时高度
        int tempHeight = p.height;
        //如果有高度那么将高度设置为测量标准高度
        if (tempHeight > 0) {
            height = MeasureSpec.makeMeasureSpec(tempHeight,
                    MeasureSpec.EXACTLY);
        } else {
            //如果没有那么将高度设置为无设置
            height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
        }
        //listView不限制高度。child有多高，listView就给它多高的空间。但是listView是限制宽度的，所以需要getChildMeasureSpec
        //带着该测量标准去设置view的宽高
        view.measure(width, height);
    }

/**
     * 设置header 布局 上边距；
     * 
     * @param topPadding
     */
    private void topPadding(int topPadding) {
        //设置头部布局与父类的左上右下边框间距
        header.setPadding(header.getPaddingLeft(), topPadding,
                header.getPaddingRight(), header.getPaddingBottom());
        //刷新头部布局
        header.invalidate();
    }

@Override
    //边滑动边侦听
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        // TODO Auto-generated method stub
        //将当前可见的第一个item下标赋值给开始定义的第一个item
        this.firstVisibleItem = firstVisibleItem;
        //将当前可见的第一个item下标加上当前可见的所有item数量赋值给当前可见的最后一个item的下标
        this.lastVisibleItem = firstVisibleItem + visibleItemCount;
        //将当前的所有的item数量（包括可见和不可见）赋值给上面定义的所有item数
        this.totalItemCount = totalItemCount;
    }

http://www.linuxidc.com/Linux/2014-05/101540.htm

//滑动状态改变
@Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        // 当前的滑动状态赋值给上面定义的滑动状态
        this.scrollState = scrollState;
        // 如果当前屏幕上的最后一个item刚好是listView中的最后一个item并且当屏幕停止滚动时
        if (totalItemCount == lastVisibleItem&& scrollState == SCROLL_STATE_IDLE)
        {
            if(!isdownpull)//不是下拉，也就是上拉情况下停止
            {
                if (!isLoading) //也不处于刷新状态
                {
                    isLoading = true; //刷新状态变为true，开始准备刷新
                    footer.findViewById(R.id.load_layout).setVisibility(
                            View.VISIBLE);//将底部布局设置为可见
                    // 开始刷新
                    iLoadListener.onLoad();
                }
            }
        }
    }

@Override
    //触摸事件
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN: // 按下
            //如果当前屏幕的第一个Item是整个ListView的第一个Item
            if (firstVisibleItem == 0) { 
                //那么标记当前listView是从最顶端按下的
                isRemark = true;
                //将按下的Y坐标点赋值给当前开始的Y坐标点
                startY = (int) ev.getY();
            }
            break;

        case MotionEvent.ACTION_MOVE: // 滑动
            //滑动事件
            onMove(ev);
            break;
        case MotionEvent.ACTION_UP: // 抬起
            //记录抬起时的y坐标
            int endy= (int) ev.getY();
            //如果是下拉那么isdownpull为真（头部刷新）
            if(endy-startY>0)
            {
                isdownpull=true;
            }
            //如果是上拉那么isdownpull为假（底部刷新）
            else
            {
                isdownpull=false;
            }
            //如果抬起的状态为释放状态
            if (state == RELESE) {
                //那么将状态变为正在刷新状态
                state = REFLASHING;
                // 改变界面显示
                reflashViewByState();
                //刷新侦听事件
                iReflashListener.onReflash();
            } else if (state == PULL) {
                //抬起的状态使拉动状态，那么抬起后状态变为无任何状态（正常状态）
                state = NONE;
                isRemark = false;
                // 改变界面显示
                reflashViewByState();
            }
            break;
        }
        return super.onTouchEvent(ev);
    }

/**
     * 判断移动过程操作；
     * 
     * @param ev
     */
    private void onMove(MotionEvent ev) {
        //如果不是从listView最顶部开始滑动的，那么该方法无效直接return
        if (!isRemark) {
            return;
        }
        //定义一个临时的y坐标记录当前手指的y坐标
        int tempY = (int) ev.getY();
        //获取手指其实与当前y坐标的距离
        int space = tempY - startY;
        //把顶部间距设置为滑动距离减去头部布局高度，也就是手指下拉时topPadding越来越大，变成正数，若是向上拉那么topPadding越来越负，就是正常的listview下拉
        int topPadding = space - headerHeight;
        switch (state) {
        case NONE: //当此时没有状态时
            if (space > 0) { //下拉
                state = PULL; //当前状态为下拉状态
                reflashViewByState(); //改变界面显示
            }
            break;
        case PULL: //当当前为下拉状态
            topPadding(topPadding); //topPadding赋值给topPadding
            //如果下拉，使的屏幕出现了头部布局且头部布局上面还空出了大于30dp的空间，并且当前手指还在屏幕上
            if (space > headerHeight + 30
                    && scrollState == SCROLL_STATE_TOUCH_SCROLL) {
                //当前状态为释放状态
                state = RELESE;
                //改变界面显示
                reflashViewByState();
            }
            break;
        case RELESE: //若果为释放状态
            topPadding(topPadding); //topPadding赋值给topPadding
            //如果下拉，使的屏幕出现了头部布局且头部布局上面还空出了小于30dp的空间
            if (space < headerHeight + 30) {
                //当前状态变为下拉状态
                state = PULL;
                //改变界面显示
                reflashViewByState();
            } else if (space <= 0) {
                //如果是上拉，没有状态
                state = NONE;
                isRemark = false;
                //改变界面显示
                reflashViewByState();
            }
            break;
        }
    }

/**
     * 根据当前状态，改变界面显示；
     */
    private void reflashViewByState() {
        //初始化头布局中的文本文件
        TextView tip = (TextView) header.findViewById(R.id.tip);
        //初始化头布局中的文图标
        arrow = (ImageView) header.findViewById(R.id.arrow);
        // 设置旋转动画anim从0度旋转到180度，且保持最终动画状态
        RotateAnimation anim = new RotateAnimation(0, 180,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        anim.setDuration(500);
        anim.setFillAfter(true);
        // 设置旋转动画anim1从180度旋转到0度，且保持最终动画状态
        RotateAnimation anim1 = new RotateAnimation(180, 0,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        anim1.setDuration(500);
        anim1.setFillAfter(true);
        switch (state) {
        case NONE: // 如果无状态
            arrow.clearAnimation(); //清除图片清除动画
            topPadding(-headerHeight); // 父类局部间距设为负的头布局高度
            break;

        case PULL: // 如果是下拉状态
            // 文本字体内容变为“下拉可以刷新！”
            tip.setText("下拉可以刷新！");
            //清除图片清除动画
            arrow.clearAnimation();
            //设置动画
            anim(1);
            break;
        case RELESE: //如果是释放
            arrow.setVisibility(View.VISIBLE); //图片设置为可见
            // 文本字体内容变为“松开可以刷新！”
            tip.setText("松开可以刷新！");
            //清除图片清除动画
            arrow.clearAnimation();
            //设置动画
            anim(0);

            break;
        case REFLASHING: //如果正在刷新
            topPadding(50); //将当前的父类顶部间距设置为50，这是头布局可以看得见了
            // 图片设置为可见
            arrow.setVisibility(View.VISIBLE);
            // 文本字体内容变为“正在刷新...”
            tip.setText("正在刷新...");
            //清除图片动画
            arrow.clearAnimation();
            //设置动画
            anim(0);

            break;
        }

/**
     * 获取完数据；
     */
    public void reflashComplete() {
        //当前状态变为正常状态
        state = NONE;
        //不是从第一个item开始
        isRemark = false;
        //刷新布局显示
        reflashViewByState();
        //初始化最后更新时间文本
        TextView lastupdatetime = (TextView) header
                .findViewById(R.id.lastupdate_time);
        //获取当前时间
        SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss");
        Date date = new Date(System.currentTimeMillis());
        String time = format.format(date);
        //将时间赋值给该文本
        lastupdatetime.setText(time);
    }

//设置一个接口
public void setInterface(IReflashListener iReflashListener) {
        this.iReflashListener = iReflashListener;
    }

    /**
     * 刷新数据接口
     * 
     * @author Administrator
     */
    public interface IReflashListener {
        public void onReflash();
    }

    /**
     * 加载完毕
     */
    public void loadComplete() {
        //正在加载变为false
        isLoading = false;
        //隐藏底部布局
                footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
    }

    //设置加载接口
    public void setInterfaceLoad(ILoadListener iLoadListener) {
        this.iLoadListener = iLoadListener;
    }
    // 加载更多数据的回调接口
    public interface ILoadListener {
        public void onLoad();
    }

public void anim(int i) {
        // 给Imageview设置动画
        arrow.setBackgroundResource(R.drawable.custom_progress_bar);
        // 取得动画的可绘制图片
        anim = (AnimationDrawable) arrow.getBackground();
        if (i == 0)
            anim.start();//开始动画
        else if (i == 1)
            anim.stop();//停止动画
    }

}

看完这个重头戏后再看看他是怎么用它的

        public class MainActivity extends Activity implements IReflashListener,
        ILoadListener {
            ArrayList<ApkEntity> apk_list;
            MyAdapter adapter;
            ReFlashListView listview;

            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
                setData();
                showList(apk_list);
            }

            //listView数据跟新
            private void showList(ArrayList<ApkEntity> apk_list) {
                if (adapter == null) {
                    listview = (ReFlashListView) findViewById(R.id.listview);
                        // 设置下拉刷新接口
                        listview.setInterface(this);

                        listview.setInterfaceLoad(this);
                    adapter = new MyAdapter(this, apk_list);
                    listview.setAdapter(adapter);
                } else {
                    adapter.onDateChange(apk_list); //数据跟新
                }
            }

            //listView数据初始化
            private void setData() {
                apk_list = new ArrayList<ApkEntity>();
                for (int i = 0; i < 2; i++) {
                    ApkEntity entity = new ApkEntity();
                    entity.setName("药速达");
                    entity.setDes("药速达，足不出户的药管家");
                    entity.setInfo("他的粉丝在全国超过了50万");
                    apk_list.add(entity);
                }
            }

            /**
             * 下拉刷新跟新数据
             */
            private void setReflashData() {
                for (int i = 0; i < 1; i++) {
                    ApkEntity entity = new ApkEntity();
                    entity.setName("药速达");
                    entity.setDes("药速达，足不出户的药管家");
                    entity.setInfo("他的粉丝在全国超过了100万");
                    apk_list.add(0, entity);
                }
            }

            /**
             * 上拉刷新跟新数据
             */
            private void getLoadData() {
                for (int i = 0; i <1; i++) {
                    ApkEntity entity = new ApkEntity();
                    entity.setName("药速达");
                    entity.setDes("药速达，足不出户的药管家");
                    entity.setInfo("他的粉丝在全国超过了100万");
                    apk_list.add(entity);
                }
            }

            /**
             * 实现上拉加载更多的接口中的方法
             */
            @Override
            public void onReflash() {
                // TODO Auto-generated method stub\
                Handler handler = new Handler();
                handler.postDelayed(new Runnable() {

                    @Override
                    public void run() {
                        // TODO Auto-generated method stub
                        // 获取最新数据
                        setReflashData();
                        // 通知界面显示
                        showList(apk_list);
                        // 通知listview 刷新数据完毕；
                        listview.reflashComplete();
                    }
                }, 2000);

            }

            // 实现下拉加载更多的接口中的方法
            @Override
            public void onLoad() {
                // TODO Auto-generated method stub
                Handler handler = new Handler();
                handler.postDelayed(new Runnable() {

                    @Override
                    public void run() {
                        // TODO Auto-generated method stub

                        getLoadData();

                        showList(apk_list);
                        // 通知listview加载完毕
                        listview.loadComplete();
                    }
                }, 2000);
            }

        }

分析完了，现在也明白了不少，学到了也不少。