Android UI列表的上拉下拉刷新之Android-PullToRefresh

最新推荐文章于 2025-08-26 12:19:51 发布

原创最新推荐文章于 2025-08-26 12:19:51 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #ui

Android 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用 Android-PullToRefresh 库为 ListView 添加上下拉刷新功能。包括库的下载、配置、监听器设置及示例代码，帮助开发者快速实现流畅的刷新体验。

Library下载地址：
[url=https://github.com/chrisbanes/Android-PullToRefresh]https://github.com/chrisbanes/Android-PullToRefresh[/url]

版本：Android-PullToRefresh-2.1.1

[b]（1）设置Listview[/b]
layout文件中定义PullToRefreshListView

<com.handmark.pulltorefresh.library.PullToRefreshListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

[b]（2）设置Mode[/b]

PullToRefreshListView mListView = (PullToRefreshListView) findViewById(R.id.list_view);
mListView.setMode(Mode.BOTH);

[list]
[*]Mode.BOTH：同时支持上拉下拉
[*]Mode.PULL_FROM_START：只支持下拉Pulling Down
[*]Mode.PULL_FROM_END：只支持上拉Pulling Up
[/list]

[b](3)实现Listener[/b]

如果Mode设置成Mode.BOTH，需要设置刷新Listener为OnRefreshListener2，并实现onPullDownToRefresh()、onPullUpToRefresh()两个方法。

如果Mode设置成Mode.PULL_FROM_START或Mode.PULL_FROM_END，需要设置刷新Listener为OnRefreshListener，同时实现onRefresh()方法。当然也可以设置为OnRefreshListener2，但是Mode.PULL_FROM_START的时候只调用onPullDownToRefresh()方法，Mode.PULL_FROM的时候只调用onPullUpToRefresh()方法.

[b](4)举例[/b]


public class MainActivity extends Activity {

	private ArrayList<String> mListItems;
    private PullToRefreshListView mListView;
    private SampleListAdapter mAdapter;

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

        // 设置初期数据
        mListItems = new ArrayList<String>();
    	for (int i = 1; i <= 10; i++) {
    		mListItems.add("Item " + Integer.toString(i));
    	}

        // 设置ListView
        mListView = (PullToRefreshListView) findViewById(R.id.list_view);
        mAdapter = new SampleListAdapter();
        mListView.setAdapter(mAdapter);

        // 设置PullToRefresh
        mListView.setMode(Mode.BOTH);
        mListView.setOnRefreshListener(new OnRefreshListener2<ListView>(){

        	// 下拉Pulling Down
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
            	// 下拉的时候数据重置
                mListItems = new ArrayList<String>();
            	for (int i = 1; i <= 10; i++) {
            		mListItems.add("Item " + Integer.toString(i));
            	}
            	mAdapter.notifyDataSetChanged();

                new FinishRefresh().execute();
            }

            // 上拉Pulling Up
            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
            	// 上拉的时候添加选项
                int count = mListItems.size();
                mListItems.add("Item " + Integer.toString(++count));
                mAdapter.notifyDataSetChanged();

                new FinishRefresh().execute();
            }

        });

    }

    private class SampleListAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mListItems.size();
        }

        @Override
        public Object getItem(int index) {
            return mListItems.get(index);
        }

        @Override
        public long getItemId(int index) {
            return index;
        }

        @Override
        public View getView(int index, View view, ViewGroup arg2) {
            if(view == null){
                LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                view = inflater.inflate(R.layout.list_item, null);
            }
            TextView textView = (TextView)view.findViewById(R.id.listItemText);
            textView.setText(mListItems.get(index));
            return view;
        }
    }

    private class FinishRefresh extends AsyncTask<Void, Void, Void>{
        @Override
        protected Void doInBackground(Void... params) {
            return null;
        }

        @Override
        protected void onPostExecute(Void result){
            mListView.onRefreshComplete();
        }
    }
}

[b]初期：[/b]
[img]http://dl2.iteye.com/upload/attachment/0093/2409/9fbc67be-912f-3387-9bb0-58c89d9ed6b4.png[/img]

[b]上拉：[/b]
[img]http://dl2.iteye.com/upload/attachment/0093/2411/dca895dd-3ddf-36e5-b89f-1795d55c47c9.png[/img]

[b]上拉后：[/b]
[img]http://dl2.iteye.com/upload/attachment/0093/2413/42cf6a77-c6d2-315a-b555-5809e7dd13d5.png[/img]

[b]下拉：[/b]
[img]http://dl2.iteye.com/upload/attachment/0093/2415/953b9a68-3b09-37a7-9483-8f8da67f1b53.png[/img]

[b]下拉后：[/b]
[img]http://dl2.iteye.com/upload/attachment/0093/2417/97c983c4-c221-320e-843a-305b0fcf38a8.png[/img]