12Material Design-下拉刷新

作者: 何惧l | 来源:发表于2018-04-08 21:16 被阅读62次

SwipeRefreshLayout就是用于实现下拉刷新功能的核心类,是由support-V4提供的,把要实现下来刷新功能的控件放入到这个里面,就可以迅速让这个控件支持下拉刷新

  1. 在这个项目中,应该支持下拉刷新的功能就是RecyclerView了,修改activity_main.xml中的代码
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    ...
        <android.support.v4.widget.SwipeRefreshLayout
            android:id="@+id/swipe_refresh"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            >
            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                >

            </android.support.v7.widget.RecyclerView>

        </android.support.v4.widget.SwipeRefreshLayout>
    ...

    </android.support.design.widget.CoordinatorLayout>

    ...
</android.support.v4.widget.DrawerLayout>

  • 这里在RecyclerView的外面又嵌套一层SwipeRefreshLayout,这样RecyclerView就具有了下拉刷新的功能
  • 注意:这里由于RecyclerView变成了SwipeRefreshLayout的子控件,之前使用的 app:layout_behavior声明的布局行为也要移动到SwipeRefreshLayout中了
  1. 这只是添加了下拉刷新的功能,但是还要在代码中处理具体的刷新逻辑才行,修改MainActivity中的代码
package com.example.tool;

public class MainActivity extends AppCompatActivity {


    private SwipeRefreshLayout swipeRefreshLayout;
    ...


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

        swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipe_refresh);
        // 设置颜色
        swipeRefreshLayout.setColorSchemeResources(R.color.colorPrimary);
        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                refreshFruits();
            }
        });


    }

    private void refreshFruits(){
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        initFruits();
                        adapter.notifyDataSetChanged();
                        swipeRefreshLayout.setRefreshing(false);
                    }
                });
            }
        }).start();
    }

       // 添加信息
    private void initFruits(){
        fruitList.clear();
        for (int i = 0; i<50; i++){
            Random random = new Random();
            int index = random.nextInt(fruits.length);
            fruitList.add(fruits[index]);
        }
    }

}


  • 首先获取实例,然后调用setColorSchemeResources()方法设置下拉刷新进度条的颜色,
  • 调用setOnRefreshListener()方法进行下拉刷新监听器,当触发的时候就会回调这个onRefresh()函数
  • 通常情况下onRefresh()方法是去网络中请求一个最新的数据,这里为了简单就调用 refreshFruits()方法实现本地刷新
  • 在这个方法中,首先开启了一个线程,然后将线程睡两秒,然后使用runOnUiThread()方法将线程切回主线程,然后调用 initFruits()方法重新生成数据,然后调用FruitAdapter的notifyDataSetChanged()方法通知数据发生了变化
  • 最后调用swipeRefreshLayout.setRefreshing()方法并传入一个false,用于表示刷新事件结束,并隐藏刷新进度条
  • 运行程序就可以看到


    实现下拉刷新.png

    下拉进度条只会停留两秒,之后就自动消失,界面上的水果也会发生变化

相关文章

  • 12Material Design-下拉刷新

    SwipeRefreshLayout就是用于实现下拉刷新功能的核心类,是由support-V4提供的,把要实现下来...

  • 12Material Design-滑动菜单

    滑动菜单是Material Design中最常见的效果之一,只要借助谷歌提供的各种工具,就可以轻松的实现这个功能 ...

  • MJRefresh下拉刷新上拉加载自定义

    下拉刷新 下拉刷新 默认 下拉刷新 动画图片 JRGifHeader.h JRGifHeader.m 下拉刷新 隐...

  • MJRefresh用法详解

    下拉刷新01-默认 下拉刷新02-动画图片 下拉刷新04-隐藏状态和时间 下拉刷新05-自定义文字 下拉刷新06-...

  • UITableView的基本使用

    一、常用方法 二、上拉刷新,下拉刷新 MJRefresh下拉刷新(上拉加载)使用详解MJRefresh下拉刷新三方...

  • iOS 常用第三方-UI

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件 SVPullToRefresh ...

  • 三方库转载

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh ...

  • iOS 常用UI第三方框架

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh ...

  • iOS开源项目学习资料(转载)

    EGOTableViewPullRefresh– 最早的下拉刷新控件。 SVPullToRefresh– 下拉刷新...

  • 用知识框架吸收碎片化阅读

    不知道今天的你是不是这样的:”毫无目的、毫无自觉地解锁手机,打开知乎,下拉刷新,下拉刷新,下拉刷新,再下拉刷新。”...

网友评论

    本文标题:12Material Design-下拉刷新

    本文链接:https://www.haomeiwen.com/subject/epomhftx.html