Come implementare Android Pull-to-Refresh

In applicazioni Android come Twitter (app ufficiale), quando si incontra un ListView, è possibile tirarlo giù (e tornerà indietro quando rilasciato) per aggiornare il contenuto.

Mi chiedo quale sia il modo migliore, secondo te, di implementarlo?

Alcune possibilità che mi vengono in mente:

1. Un elemento in cima a ListView - tuttavia non credo che scorrere indietro alla posizione 1 (basata su 0) con l'animazione in ListView sia un compito facile.
2. Un'altra vista al di fuori di ListView, ma devo occuparmi di spostare la posizione di ListView verso il basso quando viene estratta, e non sono sicuro di poter rilevare se i tocchi di trascinamento su ListView fanno ancora scorrere gli elementi su ListView.

Qualche consiglio?

PS Mi chiedo quando verrà rilasciato il codice sorgente dell'app Twitter ufficiale. È stato detto che uscirà, ma sono trascorsi 6 mesi e da allora non ne abbiamo più sentito parlare.

Infine, Google ha rilasciato una versione ufficiale della libreria pull-to-refresh!

Si chiama SwipeRefreshLayout, all'interno della libreria di supporto, e la documentazione è qui :

1. Aggiungi SwipeRefreshLayoutcome genitore della vista che verrà trattato come un pull per aggiornare il layout. (Ho preso ListViewcome esempio, può essere qualsiasi Viewtipo LinearLayout, ScrollViewecc.)

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

2. Aggiungi un ascoltatore alla tua classe

   protected void onCreate(Bundle savedInstanceState) {
       final SwipeRefreshLayout pullToRefresh = findViewById(R.id.pullToRefresh);
       pullToRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
           @Override
           public void onRefresh() {
               refreshData(); // your code
               pullToRefresh.setRefreshing(false);
           }
       });
   }

Puoi anche chiamare pullToRefresh.setRefreshing(true/false);secondo le tue esigenze.

AGGIORNARE

Le librerie di supporto Android sono state deprecate e sono state sostituite da AndroidX. Il collegamento alla nuova biblioteca è disponibile qui .

Inoltre, è necessario aggiungere la seguente dipendenza al progetto:

implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.0.0'

O

Puoi andare su Refactor >> Migrare ad AndroidX e Android Studio gestirà le dipendenze per te.

Ho tentato di implementare un componente pull to refresh, è tutt'altro che completo ma dimostra una possibile implementazione, https://github.com/johannilsson/android-pulltorefresh .

La logica principale è implementata in PullToRefreshListViewquesto modo ListView. Internamente controlla lo scorrimento di una vista dell'intestazione tramite smoothScrollBy(Livello API 8). Il widget è ora aggiornato con il supporto per 1.5 e versioni successive, si prega di leggere il supporto README per 1.5.

Nei tuoi layout lo aggiungi semplicemente in questo modo.

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

Ho anche implementato una libreria PullToRefresh robusta, open source, facile da usare e altamente personalizzabile per Android. È possibile sostituire ListView con PullToRefreshListView come descritto nella documentazione nella pagina del progetto.

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

Il modo più semplice penso sia fornito dalla libreria di supporto Android:

android.support.v4.widget.SwipeRefreshLayout;

una volta importato, è possibile definire il layout come segue:

  <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>

Presumo che tu usi la vista riciclatore anziché la vista elenco. Tuttavia, listview funziona ancora, quindi è sufficiente sostituire recyclerview con listview e aggiornare i riferimenti nel codice java (frammento).

Nel tuo frammento di attività, devi prima implementare l'interfaccia 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);

   }
}

Spero che questo aiuti le masse

In questo link, puoi trovare un fork della famosa PullToRefreshvista che ha nuove implementazioni interessanti come PullTorRefreshWebViewo PullToRefreshGridViewo la possibilità di aggiungere un PullToRefreshbordo inferiore di un elenco.

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

E la cosa migliore è che funziona perfettamente in Android 4.1 (il normale PullToRefreshnon funziona)

Ho un modo molto semplice per farlo, ma ora sono sicuro che sia il modo più sicuro. C'è il mio codice 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;
    }
}

Hai solo bisogno di implementare ListViewTouchEventListener sulla tua attività dove vuoi usare questo ListView e impostare il listener

L'ho implementato in 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");
    }
}

Per me funziona :)

Per implementare Android Pull-to-Refresh prova questo pezzo di codice,

<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>

Classe di attività:

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);

 }

Nessuno ha menzionato il nuovo tipo di "Pull to refresh" che viene visualizzato nella parte superiore della barra delle azioni come nell'applicazione Google Now o Gmail.

C'è una libreria ActionBar-PullToRefresh che funziona esattamente allo stesso modo.

Nota che ci sono problemi UX da affrontare durante l'implementazione su Android e WP.

"Un ottimo indicatore del perché i progettisti / sviluppatori non dovrebbero implementare il pull-to-refresh nello stile delle app iOS è come Google e i loro team non usano mai il pull-to-refresh su Android mentre lo usano in iOS."

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

Se non vuoi che il tuo programma assomigli a un programma per iPhone che è forzato su Android, punta a un aspetto più nativo e fai qualcosa di simile a Gingerbread:

Ho scritto un pull per aggiornare il componente qui: https://github.com/guillep/PullToRefresh Funziona evento se l'elenco non ha elementi e l'ho testato su> = 1.6 telefoni Android.

Ogni suggerimento o miglioramento è apprezzato :)

Penso che la migliore libreria sia: https://github.com/chrisbanes/Android-PullToRefresh .

Lavora con:

ListView
ExpandableListView
GridView
WebView
ScrollView
HorizontalScrollView
ViewPager

Per ottenere l'ultimo aggiornamento pull-to di Lollipop:

1. Scarica la più recente libreria di supporto per Lollipop SDK e Extras / Android
2. Imposta il Target di costruzione del progetto su Android 5.0 (altrimenti il ​​pacchetto di supporto può contenere errori con le risorse)
3. Aggiorna il tuo libs / android-support-v4.jar alla 21a versione
4. Usa android.support.v4.widget.SwipeRefreshLayoutpiùandroid.support.v4.widget.SwipeRefreshLayout.OnRefreshListener

La guida dettagliata è disponibile qui: http://antonioleiva.com/swiperefreshlayout/

Inoltre per ListView mi raccomando di leggere canChildScrollUp()nei commenti;)

Molto interessante Pull-to-Refresh di Yalantis . Gif per iOS, ma puoi controllarlo :)

<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" />

Dovremmo prima sapere cos'è Pull per aggiornare il layout in Android. possiamo chiamare pull per aggiornare in Android come scorrere per aggiornare. quando scorri lo schermo dall'alto verso il basso, eseguirà alcune azioni in base a setOnRefreshListener.

Ecco tutorial che dimostrano come implementare Android Pull per aggiornare. Spero che questo possa essere d'aiuto.