วิธีการใช้งาน Android Pull-to-Refresh

ในแอปพลิเคชัน Android เช่น Twitter (แอปอย่างเป็นทางการ) เมื่อคุณพบ ListView คุณสามารถดึงมันลงมา (และมันจะเด้งกลับมาเมื่อวางจำหน่าย) เพื่อรีเฟรชเนื้อหา

ฉันสงสัยว่าอะไรคือวิธีที่ดีที่สุดในความคิดเห็นของคุณ

ความเป็นไปได้บางอย่างที่ฉันคิดได้:

1. รายการที่อยู่ด้านบนของ ListView - แต่ฉันไม่คิดว่าการเลื่อนกลับไปที่ตำแหน่งของรายการ 1 (อิงกับ 0) พร้อมภาพเคลื่อนไหวบน ListView นั้นเป็นงานง่าย
2. อีกมุมมองหนึ่งภายนอก ListView - แต่ฉันต้องระวังการย้ายตำแหน่ง ListView ลงเมื่อมันถูกดึงออกมาและฉันไม่แน่ใจว่าเราสามารถตรวจพบว่าการลากไปแตะที่ ListView ยังคงเลื่อนรายการใน ListView จริง ๆ หรือไม่

คำแนะนำใด ๆ

ป.ล. ฉันสงสัยว่าเมื่อซอร์สโค้ดแอป Twitter อย่างเป็นทางการเปิดตัวแล้ว มีการกล่าวถึงว่าจะมีการเปิดตัว แต่ 6 เดือนผ่านไปแล้วและเราไม่เคยได้ยินเรื่องนี้มาก่อน

ในที่สุด Google ได้เปิดตัวไลบรารี่รีเฟรชเวอร์ชั่นทางการ!

มันถูกเรียกว่าSwipeRefreshLayoutภายในห้องสมุดสนับสนุนและเอกสารอยู่ที่นี่ :

1. เพิ่มSwipeRefreshLayoutเป็นพาเรนต์ของมุมมองซึ่งจะถือว่าเป็นการดึงเพื่อรีเฟรชโครงร่าง (ผมเอาListViewเป็นตัวอย่างก็สามารถใด ๆViewเช่นLinearLayout, ScrollViewฯลฯ )

   <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. เพิ่มผู้ฟังให้กับชั้นเรียนของคุณ

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

นอกจากนี้คุณยังสามารถโทรpullToRefresh.setRefreshing(true/false);ตามความต้องการของคุณ

UPDATE

ไลบรารีสนับสนุน Android ถูกเลิกใช้แล้วและถูกแทนที่ด้วย AndroidX เชื่อมโยงไปยังห้องสมุดใหม่ที่สามารถพบได้ที่นี่

นอกจากนี้คุณต้องเพิ่มการพึ่งพาต่อไปนี้ในโครงการของคุณ:

implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.0.0'

หรือ

คุณสามารถไปที่ Refactor >> โยกย้ายไปยัง AndroidX และ Android Studio จะจัดการการพึ่งพาสำหรับคุณ

ฉันได้ทำให้ความพยายามที่จะใช้ดึงไปยังส่วนการฟื้นฟูก็ห่างไกลจากความสมบูรณ์แต่แสดงให้เห็นถึงการดำเนินงานที่เป็นไปได้https://github.com/johannilsson/android-pulltorefresh

ตรรกะหลักจะดำเนินการในที่ขยายPullToRefreshListView ภายในจะควบคุมการเลื่อนของมุมมองส่วนหัวโดยใช้(ระดับ API 8) วิดเจ็ตได้รับการอัพเดตพร้อมรองรับ 1.5 และใหม่กว่าโปรดอ่าน README สำหรับการรองรับ 1.5ListViewsmoothScrollBy

ในเลย์เอาต์ของคุณคุณเพิ่มมันแบบนี้

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

ฉันได้ติดตั้งไลบรารี PullToRefresh ที่แข็งแกร่งใช้งานง่ายและปรับแต่งได้สูงสำหรับ Android คุณสามารถแทนที่ ListView ของคุณด้วย PullToRefreshListView ตามที่อธิบายไว้ในเอกสารประกอบในหน้าโครงการ

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

วิธีที่ง่ายที่สุดที่ฉันคิดว่ามีให้โดยห้องสมุดสนับสนุน 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);

   }
}

หวังว่านี่จะช่วยมวลชน

ในลิงค์นี้คุณจะพบกับทางแยกที่โด่งดัง PullToRefreshมุมมองที่มีซึ่งมีการนำไปใช้งานใหม่ที่น่าสนใจเช่นPullTorRefreshWebViewหรือPullToRefreshGridViewความเป็นไปได้ที่จะเพิ่มส่วนที่PullToRefreshอยู่ด้านล่างของรายการ

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

และสิ่งที่ดีที่สุดคือมันทำงานได้อย่างสมบูรณ์แบบใน Android 4.1 (ปกติPullToRefreshไม่ทำงาน)

ฉันมีวิธีที่ง่ายมากในการทำเช่นนี้ แต่ตอนนี้แน่ใจว่าเป็นวิธีที่เข้าใจผิดได้มีรหัสของฉัน 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;
    }
}

คุณเพียงแค่ต้องใช้ ListViewTouchEventListener ในกิจกรรมที่คุณต้องการใช้ ListView นี้และตั้งค่าฟัง

ฉันใช้มันใน 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");
    }
}

มันเหมาะกับฉัน :)

ในการติดตั้ง 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>

ชั้นเรียนกิจกรรม:

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

 }

ไม่มีใครพูดถึง "ดึงเพื่อรีเฟรช" รูปแบบใหม่ซึ่งจะปรากฏที่ด้านบนของแถบการกระทำเช่นในแอปพลิเคชัน Google Now หรือ Gmail

มีไลบรารีActionBar-PullToRefreshซึ่งทำงานเหมือนกันทุกประการ

โปรดทราบว่ามีปัญหาเกี่ยวกับ UX ที่ต้องพิจารณาเมื่อใช้งานบน Android และ WP

"ตัวบ่งชี้ที่ดีว่าทำไมนักออกแบบ / นักพัฒนาไม่ควรใช้ pull-to-refresh ในแอพ iOS ที่มีสไตล์เป็นวิธีที่ Google และทีมของพวกเขาไม่เคยใช้ pull-to-refresh บน Android ในขณะที่พวกเขาใช้มันใน iOS"

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

หากคุณไม่ต้องการให้โปรแกรมของคุณดูเหมือนโปรแกรม iPhone ที่ติดตั้งลงใน Android แล้วลองมองหารูปลักษณ์และความรู้สึกของชาวพื้นเมืองและทำสิ่งที่คล้ายกับ Gingerbread:

ฉันได้เขียนองค์ประกอบดึงเพื่อรีเฟรชที่นี่: https://github.com/guillep/PullToRefresh มันทำงานได้ถ้ารายการไม่มีรายการและฉันได้ทำการทดสอบบน> = 1.6 โทรศัพท์ android

ข้อเสนอแนะหรือการปรับปรุงใด ๆ ที่ชื่นชม :)

ฉันคิดว่าห้องสมุดที่ดีที่สุดคือ: https://github.com/chrisbanes/Android-PullToRefresh https://github.com/chrisbanes/Android-PullToRefresh

ทำงานร่วมกับ:

ListView
ExpandableListView
GridView
WebView
ScrollView
HorizontalScrollView
ViewPager

วิธีรับ 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/

Plus สำหรับ ListView ฉันแนะนำให้อ่านcanChildScrollUp()ในความคิดเห็น;)

ที่น่าสนใจมากดึงเพื่อรีเฟรชโดยYalantis Gif สำหรับ iOS แต่คุณสามารถตรวจสอบได้ :)

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

ก่อนอื่นเราควรรู้ว่าอะไรคือ Pull เพื่อรีเฟรชเลย์เอาต์ใน android เราสามารถเรียก pull เพื่อรีเฟรชใน android โดยใช้คำสั่ง swipe-to-refresh เมื่อคุณปัดหน้าจอจากบนลงล่างจะทำการกระทำบางอย่างตาม setOnRefreshListener

นี่คือบทแนะนำที่แสดงให้เห็นถึงวิธีการใช้งาน android pull เพื่อรีเฟรช ฉันหวังว่านี่จะช่วยได้.