SwipeRefreshLayout 下拉刷新、上拉加载的使用

一、SwipeRefreshLayout简单介绍

1、SwipeRefreshLayout是Google推出的刷新控件。
2、可以设置下拉刷新的高度,达到一定高度时才会刷新
3、使用该控件实现刷新时,需要在这个布局里包裹可以滑动的子控件,如ListView等,并且只能有一个子控件。
4、SwipeRefreshLayout只实现了下拉刷新功能,上拉加载需要自定义实现

二、SwipeRefreshLayout主要方法介绍

  • setProgressViewEndTarget (boolean scale, int end)
    设置下拉刷新高度,参数:scale 是否缩放 end 下拉高度
  • setProgressViewOffset(boolean scale, int start, int end)
    设置下拉刷新高度,参数:scale 是否缩放 start 刷新的起始位置 end 下拉的最大高度
  • setDistanceToTriggerSync(int distance)
    设置下拉刷新高度,参数:distance 手指下拉的具体高度值
  • isRefreshing()
    判断当前的状态是否是刷新状态。
  • setColorSchemeResources(int… colorResIds)
    设置下拉进度条的颜色主题,最多4个参数,每转一圈就显示一种颜色。
  • setProgressBackgroundColorSchemeResource(int colorRes)
    设置下拉进度条的背景颜色,默认白色。
  • setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)
    设置下拉刷新监听,需要重写onRefresh()方法,在里面实现请求数据的逻辑。
  • setRefreshing(boolean refreshing)
    设置刷新状态,true表示正在刷新,false表示取消刷新。

三、自定义View继承SwipeRefreshLayout,实现上拉加载更多功能

public class SwipeRefreshView extends SwipeRefreshLayout implements AbsListView.OnScrollListener {

    /**
     * 滑动到最下面时的上拉操作
     */
    private int mTouchSlop;
    /**
     * listView实例
     */
    private ListView mListView;
    /**
     * 上拉监听器, 到了最底部的上拉加载操作
     */
    private OnLoadListener mOnLoadListener;
    /**
     * ListView的加载中footer
     */
    private View mListViewFooter;
    /**
     * 按下时的y坐标
     */
    private int mYDown;
    /**
     * 抬起时的y坐标, 与mYDown一起用于滑动到底部时判断是上拉还是下拉
     */
    private int mLastY;
    /**
     * 是否在加载中 ( 上拉加载更多 )
     */
    private boolean isLoading = false;


    public SwipeRefreshView(Context context) {
        this(context, null);
    }

    public SwipeRefreshView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        mListViewFooter = LayoutInflater.from(context).inflate(R.layout.view_footer, null);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        if (mListView == null) {
            // 初始化ListView对象
            getListView();
        }
    }

    /**
     * 获取ListView对象
     */
    private void getListView() {
        int childs = getChildCount();
        if (childs > 0) {
            View childView = getChildAt(0);
            if (childView instanceof ListView) {
                mListView = (ListView) childView;
                // 设置滚动监听器给ListView, 使得滚动的情况下也可以自动加载
                mListView.setOnScrollListener(this);
            }
        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                mYDown = (int) event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                mLastY = (int) event.getY();
                break;
            case MotionEvent.ACTION_UP:
                if (canLoad()) {
                    loadData();
                }
                break;
        }
        return super.dispatchTouchEvent(event);
    }

    /**
     * 是否可以加载更多, 条件是到了最底部, listView不在加载中, 且为上拉操作.
     *
     * @return
     */
    private boolean canLoad() {
        return isBottom() && !isLoading && isPullUp();
    }

    /**
     * 判断是否到了最底部
     */
    private boolean isBottom() {
        if (mListView != null && mListView.getAdapter() != null) {
            return mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1);
        }
        return false;
    }

    /**
     * 是否是上拉操作
     *
     * @return
     */
    private boolean isPullUp() {
        return (mYDown - mLastY) >= mTouchSlop;
    }

    private void loadData() {
        if (mOnLoadListener != null) {
            setLoading(true);
            mOnLoadListener.onLoad();
        }
    }

    public void setLoading(boolean loading) {
        isLoading = loading;
        if (loading) {
            mListView.addFooterView(mListViewFooter);
        } else {
            mListView.removeFooterView(mListViewFooter);
            mYDown = 0;
            mLastY = 0;
        }
    }

    public void setOnLoadListener(OnLoadListener loadListener) {
        mOnLoadListener = loadListener;
    }


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

    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        // 滚动时到了最底部也可以加载更多
        if (canLoad()) {
            loadData();
        }
    }

    public static interface OnLoadListener {
        public void onLoad();
    }
}

主布局实现

<com.example.swiperefreshviewdemo.view.SwipeRefreshView
        android:id="@+id/swipe_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ListView
            android:id="@+id/list_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </ListView>
    </com.example.swiperefreshviewdemo.view.SwipeRefreshView>

加载更多布局实现

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp">

        <ProgressBar
            android:id="@+id/load_progress"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="30dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="正在努力加载中..."
            android:textColor="@android:color/black"
            android:textSize="16sp" />

    </RelativeLayout>

activity中使用

public class MainActivity extends AppCompatActivity {

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

        final List<String> datas = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            datas.add("测试数据--" + i);
        }
        final BaseAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, datas);
        final ListView listView = findViewById(R.id.list_view);
        final SwipeRefreshView swipeRefreshView = findViewById(R.id.swipe_layout);
        listView.setAdapter(adapter);
        swipeRefreshView.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_red_light);

        // 设置下拉刷新监听器
        swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                Toast.makeText(MainActivity.this, "refresh", Toast.LENGTH_SHORT).show();

                swipeRefreshView.postDelayed(new Runnable() {
                    @Override
                    public void run() {

                        datas.add(new Date().toGMTString());
                        adapter.notifyDataSetChanged();
                        // 更新完后调用该方法结束刷新
                        swipeRefreshView.setRefreshing(false);
                    }
                }, 1000);
            }
        });

        // 加载监听器
        swipeRefreshView.setOnLoadListener(new SwipeRefreshView.OnLoadListener() {
            @Override
            public void onLoad() {
                Toast.makeText(MainActivity.this, "load", Toast.LENGTH_SHORT).show();

                swipeRefreshView.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        datas.add(new Date().toGMTString());
                        adapter.notifyDataSetChanged();
                        // 加载完后调用该方法
                        swipeRefreshView.setLoading(false);
                    }
                }, 1500);
            }
        });
    }
}
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值