开源RefreshListView下拉刷新效果

最新推荐文章于 2018-09-16 21:09:11 发布
最新推荐文章于 2018-09-16 21:09:11 发布
阅读量775 收藏
点赞数
文章标签： android 开源项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/doudoulee_blog/article/details/51483132
版权

1、AnimationDrawable

java.lang.Object
   ↳android.graphics.drawable.Drawable
    ↳android.graphics.drawable.DrawableContainer
     ↳android.graphics.drawable.AnimationDrawable
文档概述：

An object used to create frame-by-frame animations, defined by a series of Drawable objects, which can be used as a View object's background.

An AnimationDrawable defined in XML consists of a single <animation-list> element, and a series of nested <item> tags. Each item defines a frame of the animation. See the example below. 

<!-- Animation frames are wheel0.png -- wheel5.png files inside the
 res/drawable/ folder -->
 <animation-list android:id="@+id/selected" android:oneshot="false">
    <item android:drawable="@drawable/wheel0" android:duration="50" />
    <item android:drawable="@drawable/wheel1" android:duration="50" />
    <item android:drawable="@drawable/wheel2" android:duration="50" />
    <item android:drawable="@drawable/wheel3" android:duration="50" />
    <item android:drawable="@drawable/wheel4" android:duration="50" />
    <item android:drawable="@drawable/wheel5" android:duration="50" />
 </animation-list>

Here is the code to load and play this animation. 

 // Load the ImageView that will host the animation and
 // set its background to our AnimationDrawable XML resource.
 ImageView img = (ImageView)findViewById(R.id.spinning_wheel_image);
 img.setBackgroundResource(R.drawable.spin_animation);

 // Get the background, which has been compiled to an AnimationDrawable object.
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

 // Start the animation (looped playback by default).
 frameAnimation.start();

https://github.com/FlyRecker/FlyMukeRefreshListView GitHub开源项目：仿慕课下拉刷新


RefreshListView.java  
package com.example.openrefreshlistview;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

/**
 * Created by recker on 16/5/13.
 */
public class RefreshListView extends ListView implements AbsListView.OnScrollListener {

    private final int NONE = 0;//正常状态
    private final int PULL = 1;//提示下拉刷新状态
    private final int RELESE = 2;//提示释放状态
    private final int REFLASHING = 3;//正在刷新状态
    private final int RATIO = 3;//比值

    private View headerView;//顶部刷新视图
    private int headerViewHeight;//顶部布局文件的高度
    private int firstVisibleItem;//当前第一个可见的item的位置

    private boolean isEnd;//是否结束刷新
    private boolean isRefreable;//是否可以刷新
    private boolean isRemark;//标记，当前是在ListView是否是在第一个
    private float startY;
    private float offsetY;
    private int state;//当前的状态

    private TextView tip;
    private ImageView img;
    private AnimationDrawable drawableAnim;

    public RefreshListView(Context context) {
        super(context);
        init(context);
    }

    public RefreshListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public RefreshListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    @SuppressLint("NewApi")
	private void init(Context context) {
        headerView = LayoutInflater.from(context).inflate(R.layout.header_layout, null);
        
  /*void android.widget.ListView.addHeaderView(View v)
Add a fixed view to appear at the top of the list.
*/
        addHeaderView(headerView);
        measureView(headerView);
        headerViewHeight = headerView.getMeasuredHeight();
        topPadding(-headerViewHeight);

        //添加动画
        tip = (TextView) headerView.findViewById(R.id.tip);
        img = (ImageView) headerView.findViewById(R.id.img);
        img.setBackgroundResource(R.drawable.c);
        drawableAnim = (AnimationDrawable) img.getBackground();

        //关闭view的OverScroll
        setOverScrollMode(OVER_SCROLL_NEVER);
        setOnScrollListener(this);
        state = NONE;
        isEnd = true;
        isRefreable = false;

    }

    /**
     * 通知父布局，占用的宽，高
     * @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);
        }
        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);
        }
        view.measure(width, height);
    }

    private void topPadding(int topPadding) {
        headerView.setPadding(headerView.getPaddingLeft(), topPadding,
                headerView.getPaddingRight(), headerView.getPaddingBottom());
        headerView.invalidate();
    }



    @Override
    public void onScrollStateChanged(AbsListView absListView, int scrollState) {

    }

    @Override
    public void onScroll(AbsListView absListView, int firstVisibleItem,
                         int visibleItemCount, int totalItemCount) {
        this.firstVisibleItem = firstVisibleItem;
    }


    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        if (isEnd) {//如果现在时结束的状态，即刷新完毕了，可以再次刷新了，在refreshComplete中设置
            if (isRefreable) {//如果现在是可刷新状态   在setOnRefreshListener中设置为true
                switch (ev.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        if (firstVisibleItem == 0 && !isRemark) {
                            isRemark = true;
                            startY = ev.getY();
                        }
                        break;
                    case MotionEvent.ACTION_MOVE:
                        onMove(ev);
                        break;
                    case MotionEvent.ACTION_UP:
                        if (state == RELESE) {
                            state = REFLASHING;
                            //加载最新数据
                            refreshViewByState();
                            onRefreshListener.onRefresh();
                        } else if (state == PULL) {
                            state = NONE;
                            refreshViewByState();
                            setSelection(0);
                        }
                        isRemark = false;
                        break;
                }
            }
        }

        return super.onTouchEvent(ev);
    }

    /**
     * 判断移动过程操作
     * @param ev
     */
    private void onMove(MotionEvent ev) {


        //再次得到y坐标，用来和startY相减来计算offsetY位移值
        float tempY = ev.getY();
        //再起判断一下是否为listview顶部并且没有记录y坐标
        if (firstVisibleItem == 0 && !isRemark) {
            isRemark = true;
            startY = tempY;
        }

        if (state != REFLASHING && isRemark) {
            //计算y的偏移量
            offsetY = tempY - startY;
            //计算当前滑动的高度
            float currentHeight = (-headerViewHeight+offsetY/3);

            //如果当前的状态是释放刷新，并且已经记录y坐标
            if (state == RELESE && isRemark) {
                setSelection(0);
                //如果当前滑动的距离小于headerView的总高度
                if (-headerViewHeight+offsetY/RATIO<0) {
                    //状态改为下拉刷新
                    state = PULL;
                    refreshViewByState();
                } else if (offsetY <= 0) {//如果当前y的位移值小于0，即为headerView隐藏了
                    //状态改为正常状态
                    state = NONE;
                    refreshViewByState();
                }
            }
            //如果当前状态为下拉刷新并且已经记录y坐标
            if (state == PULL && isRemark) {
                setSelection(0);
                //如果下拉距离大于等于headerView的总高度
                if (-headerViewHeight+offsetY/RATIO>=0) {
                    //状态改为释放刷新
                    state = RELESE;
                    refreshViewByState();
                } else if (offsetY <= 0) {//如果当前y的位移值小于0，即为headerView隐藏了
                    //状态改为正常状态
                    state = NONE;
                    refreshViewByState();
                }
            }
            //如果当前状态为正常并且已经记录y坐标
            if (state == NONE && isRemark) {
                //如果位移值大于0
                if (offsetY>=0) {
                    //将状态改为释放刷新状态
                    state = PULL;
                    refreshViewByState();
                }
            }
            //如果为下拉刷新状态
            if (state == PULL) {
                topPadding((int)(-headerViewHeight+offsetY/RATIO));
            }
            //如果为释放刷新状态
            if (state == RELESE) {
                topPadding((int)(-headerViewHeight+offsetY/RATIO));
            }

        }
    }

    /**
     * 根据当前状态，改变界面显示
     */
    private void refreshViewByState() {
        switch (state) {
            case NONE:
                topPadding(-headerViewHeight);
                drawableAnim.stop();
                break;
            case PULL:
                drawableAnim.stop();
                tip.setText("下拉刷新");
                break;
            case RELESE:
                drawableAnim.stop();
                tip.setText("释放刷新");
                break;
            case REFLASHING:
                drawableAnim.start();
                tip.setText("正在刷新");
                break;
        }
    }

    /**
     * 获取完数据
     */
    public void refreshComplete() {
        isEnd = true;
        state = NONE;

        refreshViewByState();
    }

    private OnRefreshListener onRefreshListener;

    public void setOnRefreshListener(OnRefreshListener listener) {
        this.onRefreshListener = listener;
        isRefreable = true;
    }

    public interface OnRefreshListener {
        void onRefresh();
    }

    private void debug(String str) {
        Log.d(RefreshListView.class.getSimpleName(), str);
    }
}

header_layout.xml 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@android:color/white">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_gravity="center_horizontal"
        android:paddingBottom="20dp"
        android:paddingTop="12dp">
            <ImageView
                android:id="@+id/img"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:background="@drawable/head_image_0"
                android:layout_marginRight="5dp"/>

            <TextView
                android:id="@+id/tip"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:text="下拉刷新"
                android:textSize="12sp"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="5dp"
                android:layout_gravity="center_vertical"/>
    </LinearLayout>


</LinearLayout>

activity_main.xml 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

   <com.example.openrefreshlistview.RefreshListView
       android:id="@+id/listview"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:scrollbars="none"/>
</RelativeLayout>

MainActivity.java 
package com.example.openrefreshlistview;

import android.os.Handler;
//import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.widget.ArrayAdapter;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

public class MainActivity extends ActionBarActivity
        implements RefreshListView.OnRefreshListener  {

    private RefreshListView mListView;
    private List<String> mDatas;
    private ArrayAdapter<String> mAdapter;

    private final static int REFRESH_COMPLETE = 0;

    private Handler mHandler = new Handler(){
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
                case REFRESH_COMPLETE:
                    mListView.refreshComplete();
                    mAdapter.notifyDataSetChanged();
                    break;

                default:
                    break;
            }
        };
    };

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

        mListView = (RefreshListView) findViewById(R.id.listview);
        String[] data = new String[]{"a","b","c","d",
                "e","f","g","h","i",
                "j","k","l","m","n","o","p","q","r","s"};
        mDatas = new ArrayList<String>(Arrays.asList(data));
        /*Open Declaration android.widget.ArrayAdapter.ArrayAdapter<String>(Context context, 
          int textViewResourceId, List<String> objects)*/
        mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,mDatas);
        mListView.setAdapter(mAdapter);
        mListView.setOnRefreshListener(this);

    }

    @Override
    public void onRefresh() {
        new Thread(new Runnable() {

            @Override
            public void run() {
                try {
                    Thread.sleep(3000);
                    mDatas.add(0, "new data");
                    mHandler.sendEmptyMessage(REFRESH_COMPLETE);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }

}



DouDouLee_blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RefreshListView
01-28
listView的刷新与加载。自定义list item
【框架】RefreshListView下拉刷新
weixin_34375251的博客
04-26 99
布局： &lt;com.example.administrator.d30_myrefreshlistview.RefreshListView android:id="@+id/refresh_listview" android:layout_width="match_parent" android:layout_height="match_parent" ...
ListViewLoad加载和ListViewRefresh刷新Demo
Keep Learning , Keep Improving !
02-23 496
http://download.csdn.net/detail/richiezhu/9440285 ListViewLoad加载和ListViewRefresh刷新Demo
自定义RefreshListView
zxnlyr的博客
08-09 865
最近在做一个新闻类的项目，把自己写的一点东西记录下来，希望自己能够慢慢的成长，也希望自己帮到他人，哈哈哈··· 自定义下拉刷新和加载更多，首先要初始化一个头和一个尾，加到(ListView)中
Android 开源的下拉刷新 Eclipse版本
06-12
Android 开源的下拉刷新 Eclipse版本 直接可以用。
Android自定义控件实现下拉刷新效果
01-05
app开发中下拉刷新是最常接触到的一个功能，也有很多开源的框架，封装的非常棒。前段时间了解了一下ViewDragHelper，遂用它实现了下拉刷新的功能。 大概和我之前的ViewDragHelper之拖动加载（类似淘宝）这篇代码...
Android下拉刷新开源库集锦
03-03
Android下拉刷新开源库集锦，提供源码用于学习和研究
下拉刷新开源框架
04-28
下拉刷新开源框架，非常好用，微博、腾迅都用的
通过开源项目来实现ListView的下拉刷新
10-14
通过开源项目PullToRefresh来实现ListView的下拉刷新，相关博文：http://www.cnblogs.com/tianzhijiexian/p/4023802.html
SimpleRefreshListView
10-15
一个简单的自定义View，实现下拉刷新上拉加载更多。一个简单的自定义View，实现下拉刷新上拉加载更多。
RefreshListView:带下拉刷新，上拉加载，自动加载等功能的ListView。改自寒枫的RefreshListView
06-18
RefreshListView 实现可以下拉刷新及上拉加载的ListView. 具体说明待补充。
RefreshListView_demo
11-25
SwipeRefreshLayout + LoadMoreListView实现下拉加载，上拉刷新
reactnativerefreshlistview一个简单实现的列表下拉上拉刷新控件
08-10
react-native-refresh-list-view 一个简单实现的列表下拉、上拉刷新控件
简洁的刷新加载数据处理逻辑(pulltorefreshlistview实现)
03-23
本人总结的简洁的刷新加载数据处理逻辑(pulltorefreshlistview)，有什么想法都可以提出来
Android ListView上下滑动弹性动画
weixin_33816611的博客
01-17 371
2019独角兽企业重金招聘Python工程师标准>>> ...
Android自带刷新控件SwipeRefreshLayout扩展，支持ListView下拉刷新
simplepeng的博客
01-04 588
先看图，图片可能有点小，大概看个样子吧。 扩展类 public class SwipeRefreshListView extends SwipeRefreshLayout implements AbsListView.OnScrollListener { private ListView mListView; private View swipeFooterView; priv
RN -RefreshListView下拉刷新上啦加载
K_H_J_S的博客
09-16 1176
import React, { Component } from "react"; import { Text, TouchableOpacity } from "react-native"; import RefreshListView, { RefreshState } from "react-native-refresh-list-view"; //把RefreshListView导进...
Android菜鸟练习第十六课 RefreshListView的使用配合万能适配器(本篇文章自用)
进阶的菜鸟
12-11 319
public class BusinessHallFragment extends Fragment implements BusinessHallView { public View view; public BusinessHallPresenter mPresenter; public RefreshListView mLv; public MyAdapter
okhttp框架怎么实现下拉刷新
最新发布
05-19
一般情况下，下拉刷新需要结合RecyclerView或ListView等列表控件使用，可以使用开源库如SwipeRefreshLayout或SmartRefreshLayout实现下拉刷新。 例如，使用SwipeRefreshLayout实现下拉刷新的流程如下： 1. 在布局...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值