Android 上拉刷新的实现方法

Question

在Twitter（官方应用）等Android应用程序中，当遇到ListView时，可以将其下拉（释放时会反弹）来刷新内容。

我想知道您认为实现这一目标的最佳方法是什么？

我能想到的一些可能性：

1. ListView 顶部的项目 - 但是我不认为在 ListView 上使用动画滚动回项目位置 1（从 0 开始）是一项容易的任务。
2. ListView 之外的另一个视图 - 但我需要在拉动 ListView 时向下移动 ListView 位置，并且我不确定我们是否可以检测到对 ListView 的拖动触摸是否仍然真正滚动 ListView 上的项目。

有什么建议吗？

PS 我想知道官方 Twitter 应用程序源代码何时发布。之前有提到会发布，但是6个月过去了，我们还没有听到任何消息。

Answer 1

谷歌终于发布了pull-to-refresh库的正式版！

它在支持库中称为 SwipeRefreshLayout，文档为 此处：

1. 添加 SwipeRefreshLayout 作为视图的父级，该视图将被视为刷新布局的拉动。 （我以ListView为例，它可以是任何View，如LinearLayout、ScrollView等）

    
        <列表视图
            android:id="@+id/listView"
            安卓：layout_width =“match_parent”
            android:layout_height="match_parent"/>
    
   

2. 向您的班级添加侦听器

    protected void onCreate(Bundle savingInstanceState) {
        最终 SwipeRefreshLayout pullToRefresh = findViewById(R.id.pullToRefresh);
        pullToRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @覆盖
            公共无效onRefresh（）{
                刷新数据（）； // 你的代码
                pullToRefresh.setRefreshing(false);
            }
        });
    }
   

您还可以根据您的要求调用pullToRefresh.setRefreshing(true/false);。

更新

Android 支持库已被弃用并已被 AndroidX 取代。可以在此处找到新库的链接一个>。

另外，您需要将以下依赖项添加到您的项目中：

implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'

或

您可以转到“重构”>>“迁移到 AndroidX”，Android Studio 将为您处理依赖项。

Answer 2

我尝试实现拉动刷新组件，它远未完成，但演示了可能的实现，https://github.com/johannilsson/android-pulltorefresh。

主要逻辑在扩展 ListView 的 PullToRefreshListView 中实现。 在内部使用 smoothScrollBy（API 级别 8）控制标题视图的滚动。 该小部件现已更新，支持 1.5 及更高版本，请阅读 README 以获取 1.5 支持尽管。

在您的布局中，您只需像这样添加它即可。

<com.markupartist.android.widget.PullToRefreshListView
    android:id="@+id/android:list"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    />

Answer 3

我还为 Android 实现了一个强大、开源、易于使用且高度可定制的 PullToRefresh 库。您可以将 ListView 替换为 PullToRefreshListView，如项目页面上的文档中所述。

https://github.com/erikwt/PullToRefresh-ListView

Answer 4

我认为最简单的方法是由android支持库提供的：

android.support.v4.widget.SwipeRefreshLayout;

一旦导入，您就可以按如下方式定义布局：

  <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/refresh"
        android:layout_height="match_parent"
        android:layout_width="match_parent">
    <android.support.v7.widget.RecyclerView
        xmlns:recycler_view="http://schemas.android.com/apk/res-auto"
        android:id="@android:id/list"
        android:theme="@style/Theme.AppCompat.Light"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/button_material_light"
        >

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

我假设您使用回收器视图而不是列表视图。但是，listview 仍然可以工作，因此您只需要将 recyclerview 替换为 listview 并更新 java 代码（Fragment）中的引用即可。

在您的活动片段中，首先实现接口 SwipeRefreshLayout.OnRefreshListener：
i,e

public class MySwipeFragment extends Fragment implements SwipeRefreshLayout.OnRefreshListener{
private SwipeRefreshLayout swipeRefreshLayout;

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_item, container, false);
        swipeRefreshLayout = (SwipeRefreshLayout) view.findViewById(R.id.refresh);
        swipeRefreshLayout.setOnRefreshListener(this);
}


 @Override
  public void onRefresh(){
     swipeRefreshLayout.setRefreshing(true);
     refreshList();
  }
  refreshList(){
    //do processing to get new data and set your listview's adapter, maybe  reinitialise the loaders you may be using or so
   //when your data has finished loading, cset the refresh state of the view to false
   swipeRefreshLayout.setRefreshing(false);

   }
}

希望这对大众有帮助

Answer 5

在此链接中，您可以找到著名的 PullToRefresh 视图的分支，该视图具有新的有趣的实现，例如 PullTorRefreshWebView 或 PullToRefreshGridView 或添加PullToRefresh 位于列表的底部边缘。

https://github.com/chrisbanes/Android-PullToRefresh

最好的一点是在 Android 4.1 中完美运行（正常的 PullToRefresh 不起作用）

Answer 6

要实现 android Pull-to-Refresh，请尝试这段代码，

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

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

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

Activity 类：

ListView lv = (ListView) findViewById(R.id.lv);
SwipeRefreshLayout pullToRefresh = (SwipeRefreshLayout) findViewById(R.id.pullToRefresh);


lv.setAdapter(mAdapter);

pullToRefresh.setOnRefreshListener(new OnRefreshListener() {

        @Override
        public void onRefresh() {
            // TODO Auto-generated method stub

            refreshContent();

        }
    });



private void refreshContent(){ 

     new Handler().postDelayed(new Runnable() {
            @Override public void run() {
                pullToRefresh.setRefreshing(false);
            }
        }, 5000);

 }

Answer 7

我有很简单的方法来做到这一点，但现在确信这是万无一失的方法
有我的代码
PullDownListView.java

package com.myproject.widgets;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ListView;

/**
 * @author Pushpan
 * @date Nov 27, 2012
 **/
public class PullDownListView extends ListView implements OnScrollListener {

    private ListViewTouchEventListener mTouchListener;
    private boolean pulledDown;

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

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

    public PullDownListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        setOnScrollListener(this);
    }

    private float lastY;

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            lastY = ev.getRawY();
        } else if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            float newY = ev.getRawY();
            setPulledDown((newY - lastY) > 0);
            postDelayed(new Runnable() {
                @Override
                public void run() {
                    if (isPulledDown()) {
                        if (mTouchListener != null) {
                            mTouchListener.onListViewPulledDown();
                            setPulledDown(false);
                        }
                    }
                }
            }, 400);
            lastY = newY;
        } else if (ev.getAction() == MotionEvent.ACTION_UP) {
            lastY = 0;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        setPulledDown(false);
    }

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

    public interface ListViewTouchEventListener {
        public void onListViewPulledDown();
    }

    public void setListViewTouchListener(
            ListViewTouchEventListener touchListener) {
        this.mTouchListener = touchListener;
    }

    public ListViewTouchEventListener getListViewTouchListener() {
        return mTouchListener;
    }

    public boolean isPulledDown() {
        return pulledDown;
    }

    public void setPulledDown(boolean pulledDown) {
        this.pulledDown = pulledDown;
    }
}

你只需要在你想要使用这个ListView的活动上实现ListViewTouchEventListener并设置监听器

我已经在PullDownListViewActivity中实现了

package com.myproject.activities;

import android.app.Activity;
import android.os.Bundle;

/**
 * @author Pushpan
 *
 */
public class PullDownListViewActivity extends Activity implements ListViewTouchEventListener {

    private PullDownListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        listView = new PullDownListView(this);
        setContentView(listView);
        listView.setListViewTouchListener(this);

        //setItems in listview
    }

    public void onListViewPulledDown(){
        Log.("PullDownListViewActivity", "ListView pulled down");
    }
}

它对我有用:)

Answer 8

没有人提到新类型的“拉动刷新”，它显示在操作栏顶部，就像在 Google Now 或 Gmail 应用程序中一样。

有一个库 ActionBar-PullToRefresh 其工作原理完全相同。

Answer 9

请注意，在 Android 和 WP 上实施时需要解决一些 UX 问题。

“为什么设计师/开发人员不应该以 iOS 应用程序的方式实现拉动刷新的一个重要指标是，Google 及其团队在 iOS 中使用拉动刷新时从未在 Android 上使用拉动刷新。”

https://plus.google.com/109453683460749241197/posts/eqYxXR8L4eb

Answer 10

如果您不希望您的程序看起来像强制安装到 Android 中的 iPhone 程序，请以更原生的外观和感觉为目标，并执行类似于 Gingerbread 的操作：

Answer 11

我在这里编写了一个拉动刷新组件： https://github.com/guillep/PullToRefresh
如果列表中没有项目，它会起作用，并且我已经在 >=1.6 Android 手机上进行了测试。

任何建议或改进表示赞赏:)

Answer 12

我认为最好的库是：https://github.com/chrisbanes/Android-PullToRefresh。

适用于：

ListView
ExpandableListView
GridView
WebView
ScrollView
HorizontalScrollView
ViewPager

Answer 13

我们首先要知道什么是android中的Pull刷新布局。我们可以在android中将pull to refresh称为swipe-to-refresh。当您从上到下滑动屏幕时，它会根据 setOnRefreshListener 执行一些操作。

这里的教程演示了如何实现android pull刷新。我希望这有帮助。

Answer 14

要获取最新的 Lollipop Pull-To Refresh：

1. 下载最新的 Lollipop SDK 和 Extras/Android 支持库
2. 将项目的构建目标设置为 Android 5.0（否则支持包可能会出现资源错误）
3. 将 libs/android-support-v4.jar 更新为第 21 版
4. 使用 android.support.v4.widget.SwipeRefreshLayout 加上 android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener

详细指南可以在这里找到：http://antonioleiva.com/swiperefreshlayout/

另外，对于 ListView 我建议阅读有关 canChildScrollUp() 的内容评论；）

Answer 15

非常有趣的Pull-to-Refresh 作者：Yalantis。
iOS 版 Gif，但你可以检查一下:)

<com.yalantis.pulltorefresh.library.PullToRefreshView
android:id="@+id/pull_to_refresh"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
    android:id="@+id/list_view"
    android:divider="@null"
    android:dividerHeight="0dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Answer 16

那些想要为 RecyclerView 实现拉动刷新功能的人可以按照我的简单教程Android中RecyclerView如何实现拉动刷新。

要导入的库

implementation 'androidx.appcompat:appcompat:1.2.0'
implementation 'androidx.gridlayout:gridlayout:1.0.0'

XML 代码

<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
    android:id="@+id/swipe_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

活动 JAVA 代码

import androidx.appcompat.app.AppCompatActivity;
import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
import android.os.Bundle;
import android.os.Handler;

public class MainActivity extends AppCompatActivity {

private SwipeRefreshLayout swipeRefreshLayout;

...

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       
        ...
        swipeRefreshLayout = findViewById(R.id.swipe_layout);
        initializeRefreshListener();
}

    void initializeRefreshListener() {

        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                // This method gets called when user pull for refresh,
                // You can make your API call here,
                // We are using adding a delay for the moment
                final Handler handler = new Handler();
                handler.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        if(swipeRefreshLayout.isRefreshing()) {
                            swipeRefreshLayout.setRefreshing(false);
                        }
                    }
                }, 3000);
            }
        });
    }

Answer 17

如果您想在网页视图或其他地方使用拉动刷新，那么只需将此代码复制粘贴到您的项目中，就可以正常工作。

XML源代码：

   <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/swiperefresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <WebView
        android:id="@+id/WebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true">
    </WebView>
    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

JAVA代码：

  final SwipeRefreshLayout pullToRefresh = findViewById(R.id.swiperefresh);
    pullToRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
        @Override
        public void onRefresh()
        {
          Toast.makeText(WebBrowser.this,"pull to refresh",Toast.LENGTH_LONG).show();
            mwebView.loadUrl(mainUrl);
            pullToRefresh.setRefreshing(false);//if false then refresh progress dialog will disappear when page loading finish, but if it is true then always the refresh load dialog show even after the page load or not
        }
    });

Build.gradle源代码：

 implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'
      

Answer 18

将其添加到您的布局中

<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:id="@+id/swipeRefreshView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

现在只需将以下几行添加到您的代码中

 mSwipeRefreshLayout.setOnRefreshListener(() -> {

       // your refresh code here

    });

您就完成了