文章标题

来源：互联网发布：做读书笔记的软件编辑：程序博客网时间：2024/06/07 04:42

最近做的一个小项目需要用到上拉刷新和下拉刷新的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.csdn.net/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;    }

//滑动状态改变@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);            }        }

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

0 0