关闭

Android SwipeRefreshLayout 实现下拉刷新

标签: android
365人阅读 评论(0) 收藏 举报
分类:

SwipeRefreshLayout实现下拉刷新功能

下拉刷新是一个非常实用的功能,在下拉刷新中,可以进行加载数据,同时通知UI更新数据,非常适合在使用adapter的组件更新数据。
下面通过一个简单的例子来介绍用法

这个demo的意思是在下拉刷新时,向adapter中更新数据,刷新结束后,在UI中可以 看到更新的结果.
这里写图片描述

布局文件中,使用SwipeRefreshLayout包裹要刷新的组件即可

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/id_srl_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.yangtianrui.swiperefresh.MainActivity">

    <ListView
        android:id="@+id/id_lv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</android.support.v4.widget.SwipeRefreshLayout>

此时的ListView已经可以实现刷新功能了,我们需要继续通过代码进行优化

先看下关键的方法

  1. setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

  2. setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

  3. setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

  4. setRefreshing(Boolean refreshing):设置组件的刷洗状态。

  5. setSize(int size):设置进度圈的大小,只有两个值:DEFAULT、LARGE

设置自定义颜色

<color name="colorPrimary">#3F51B5</color>

Activity代码

public class MainActivity extends AppCompatActivity {

    private SwipeRefreshLayout mSrlLayout;
    private ListView mLvContent;

    private List<String> mDatas = new ArrayList<>();
    private ArrayAdapter<String> mAdapter;
    private MyHandler mHandler;

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

    private void initView() {
        mSrlLayout = (SwipeRefreshLayout) findViewById(R.id.id_srl_layout);
        mLvContent = (ListView) findViewById(R.id.id_lv_content);
        // 设置下拉菜单颜色
        mSrlLayout.setColorSchemeColors(R.color.colorPrimary);
        // 设置大小
        mSrlLayout.setSize(SwipeRefreshLayout.DEFAULT);
        // 设置距顶端距离
        mSrlLayout.setProgressViewEndTarget(true, 200);
        mAdapter = new ArrayAdapter<>(this, android.R.layout.test_list_item, mDatas);
        mLvContent.setAdapter(mAdapter);
        // 设置刷新事件
        mSrlLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Thread() {
                    @Override
                    public void run() {
                        try {
                            sleep(2000);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        mDatas.add("item " + mDatas.size() + " this is an insertion one");
                        mHandler.sendEmptyMessage(0x123);
                    }
                }.start();
            }
        });
    }

    private void initData() {
        mHandler = new MyHandler(this);
        for (int i = 0; i < 10; i++) {
            mDatas.add("item " + i);
        }
    }

    // 使用静态类和弱引用,防止内存泄露
    static class MyHandler extends Handler {
        private WeakReference<MainActivity> mRefActivity;

        public MyHandler(MainActivity activity) {
            this.mRefActivity = new WeakReference<>(activity);
        }

        @Override
        public void handleMessage(Message msg) {
            if (msg.what == 0x123) {
                mRefActivity.get().mAdapter.notifyDataSetChanged();
                // 停止加载
                mRefActivity.get().mSrlLayout.setRefreshing(false);
            }
        }
    }

}

代码的意思就是刷新时启动新线程添加数据(模拟网络加载),然后从handler中获取消息,更新数据

0
0
查看评论

解读Google官方SwipeRefreshLayout控件源码,带你揭秘Android下拉刷新的实现原理

前言想必大家也发现,时下的很多App都应用了这个Google出品的SwipeRefreshLayout下拉刷新控件,它以Material Design风格、适用场景广泛,简单易用等特性而独步江湖。但在我们使用的过程中,不可避免地会发现一些bug,或者需要添加某些特性来满足需求。出现这些问题,最好的方...
  • TellH
  • TellH
  • 2016-03-02 22:42
  • 7365

使用SwipeRefreshLayout和RecyclerView实现下拉刷新上拉加载更多

效果图: 文件目录 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/r...
  • zhe_ge_sha_shou
  • zhe_ge_sha_shou
  • 2017-03-28 19:42
  • 728

SwipeRefreshLayout 配合fragment 下拉刷新的使用,超级简单

前台demo         android:layout_width="match_parent"         android:id="@+id/swipe_container&...
  • qq_28173033
  • qq_28173033
  • 2017-03-22 17:06
  • 1082

Android SwipeRefreshLayout 官方下拉刷新控件介绍

下面App基本都有下拉刷新的功能,以前基本do
  • lmj623565791
  • lmj623565791
  • 2014-04-26 14:48
  • 154125

自定义上拉加载更多的ListView配合SwipeRefreshLayout实现列表刷新加载

效果图如下:1,自定义ListViewimport android.content.Context; import android.support.v4.content.ContextCompat; import android.util.AttributeSet; import android.v...
  • u012080791
  • u012080791
  • 2017-04-01 10:20
  • 1125

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

SwipeRefreshLayout 是谷歌官方下拉刷新控件,4.0以下的版本需要用到  android-support-v4.jar包才能用到 android-support-v4.jar 包下载地址:http://download.csdn.net/detail/h7870181/7...
  • h7870181
  • h7870181
  • 2014-08-19 16:03
  • 28571

Android原生下拉刷新SwipeRefreshLayout实践

本篇文章翻译自Ravi Tamada的Android Swipe Down to Refresh ListView Tutorial首先来看一下效果图你应该发现许多的android app例如Twitter,Google+都提供了一个下拉刷新数据的功能,只要用户从上往下滑动,新的内容就会加载出来,这...
  • nugongahou110
  • nugongahou110
  • 2015-07-27 22:25
  • 5064

Android下拉刷新控件SwipeRefreshLayout源码浅析

简要分析SwipeRefreshLayout的源码,了解其原理和绘制流程,提供了自定义样式的思路。
  • u011443509
  • u011443509
  • 2016-07-25 00:05
  • 3144

SwipeRefreshLayout-下拉刷新控件

SwipeRefreshLayout彩虹条加载进度
  • Z18789231876
  • Z18789231876
  • 2016-04-22 18:00
  • 799

SwipeRefreshLayout的下拉刷新与上拉加载

SwipeRefreshLayout–Google官方提出的下拉刷新控件,广泛应用在各种APP中。一直想弄一个既能支持下拉刷新,又能够上拉加载,同时还能实现类似于QQ的滑动删除效果。上网找了很多资料,最后达到了下面的效果: 参考资料: SwipeRefreshLayout的上拉加载与下拉刷新: ...
  • tyk0910
  • tyk0910
  • 2016-02-25 00:02
  • 15391
    个人资料
    • 访问:78937次
    • 积分:1822
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:5篇
    • 译文:0篇
    • 评论:14条
    最新评论