android开发之PullToRefresh （GridView 下拉刷新,上拉加载）

来源：互联网发布：windows ce版本编辑：程序博客网时间：2024/06/06 19:22

首先,看布局文件:

主布局文件(activity_main.xml):

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:ptr="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ffffff">    <com.zanelove.gridviewpulltorefresh.library.PullToRefreshGridView            android:id="@+id/pull_refresh_grid"            android:columnWidth="100dp"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:numColumns="auto_fit"            android:gravity="center_horizontal"            android:horizontalSpacing="10dp"            android:stretchMode="columnWidth"            android:verticalSpacing="10dp"            android:scrollbars="none"            android:listSelector="@null"            ptr:ptrAnimationStyle="flip"            ptr:ptrHeaderBackground="#00000000"            ptr:ptrHeaderSubTextColor="#999999"            ptr:ptrHeaderTextColor="#333333"            ptr:ptrListViewExtrasEnabled="false"            ptr:ptrMode="both"            ptr:ptrRefreshableViewBackground="#00000000"            ptr:ptrScrollingWhileRefreshingEnabled="true"            ptr:ptrShowIndicator="false"            /></RelativeLayout>

item布局文件(grid_item.xml):

<?xml version="1.0" encoding="utf-8"?><TextView xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/id_grid_item_text"    android:layout_width="100dp"    android:gravity="center"    android:textColor="#ffffff"    android:textSize="16sp"    android:background="#000000"    android:layout_height="100dp" />

然后,就是MainActivity类中的代码:

public class MainActivity extends Activity {    private LinkedList<String> mListItems;    private PullToRefreshGridView mPullRefreshListView;    private ArrayAdapter<String> mAdapter;    private int mItemCount = 13;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        // 得到控件        mPullRefreshListView = (PullToRefreshGridView) findViewById(R.id.pull_refresh_grid);        // 初始化数据和数据源        initDatas();        initIndicator();        mAdapter = new ArrayAdapter<String>(this, R.layout.grid_item, R.id.id_grid_item_text, mListItems);        mPullRefreshListView.setAdapter(mAdapter);        mPullRefreshListView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<GridView>() {            @Override            public void onPullDownToRefresh(PullToRefreshBase<GridView> refreshView) {                String label = DateUtils.formatDateTime(                        getApplicationContext(),                        System.currentTimeMillis(),                        DateUtils.FORMAT_SHOW_TIME                                | DateUtils.FORMAT_SHOW_DATE                                | DateUtils.FORMAT_ABBREV_ALL);                // Update the LastUpdatedLabel                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);                new GetDataTask().execute();            }            @Override            public void onPullUpToRefresh(PullToRefreshBase<GridView> refreshView) {                new GetDataTask().execute();            }        });    }    private void initIndicator() {        ILoadingLayout startLabels = mPullRefreshListView.getLoadingLayoutProxy(true, false);        //刚下拉时,显示的提示        startLabels.setPullLabel("您可劲拉,拉...");        //刷新时        startLabels.setRefreshingLabel("好勒,正在刷新...");        //下拉达到一定距离时,显示的提示        startLabels.setReleaseLabel("您敢放手,我敢刷新...");        ILoadingLayout endLabels = mPullRefreshListView.getLoadingLayoutProxy(false,true);        endLabels.setPullLabel("您可劲扯,扯...");        endLabels.setRefreshingLabel("好勒,正在加载...");        endLabels.setReleaseLabel("您敢放手,我敢加载...");//        只能下拉,不能上拉//        mPullRefreshListView.setMode(PullToRefreshBase.Mode.PULL_FROM_START);    }    private void initDatas() {        mListItems = new LinkedList<String>();        for (int i = 0; i < mItemCount; i++) {            mListItems.add(i + "");        }    }    private class GetDataTask extends AsyncTask<Void, Void, Void> {        @Override        protected Void doInBackground(Void... params) {            try {                Thread.sleep(2000);            } catch (InterruptedException e) {            }            return null;        }        @Override        protected void onPostExecute(Void result) {            mListItems.add("" + mItemCount++);            mAdapter.notifyDataSetChanged();            // Call onRefreshComplete when the list has been refreshed.            mPullRefreshListView.onRefreshComplete();        }    }}

接下来,一起来看看效果图:

这里写图片描述

再次,来说说自定义上下拉指示器文本内容等效果:

可以在初始化完成mPullRefreshListView后，通过mPullRefreshListView.getLoadingLayoutProxy()可以得到一个ILoadingLayout对象，这个对象可以设置各种指示器中的样式、文本等。

 ILoadingLayout startLabels = mPullRefreshListView.getLoadingLayoutProxy(true, false);        //刚下拉时,显示的提示        startLabels.setPullLabel("您可劲拉,拉...");        //刷新时        startLabels.setRefreshingLabel("好勒,正在刷新...");        //下拉达到一定距离时,显示的提示        startLabels.setReleaseLabel("您敢放手,我敢刷新...");        ILoadingLayout endLabels = mPullRefreshListView.getLoadingLayoutProxy(false,true);        endLabels.setPullLabel("您可劲扯,扯...");        endLabels.setRefreshingLabel("好勒,正在加载...");        endLabels.setReleaseLabel("您敢放手,我敢加载...");//        只能下拉,不能上拉//        mPullRefreshListView.setMode(PullToRefreshBase.Mode.PULL_FROM_START);

再来说说,在演示效果中,我们有看到时间的显示,怎么做到的,如何做到的:

String label = DateUtils.formatDateTime(                        getApplicationContext(),                        System.currentTimeMillis(),                        DateUtils.FORMAT_SHOW_TIME                                | DateUtils.FORMAT_SHOW_DATE                                | DateUtils.FORMAT_ABBREV_ALL);                // Update the LastUpdatedLabel                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);

mPullRefreshListView.getLoadingLayoutProxy(true, false);
//接收两个参数，为true,false返回设置下拉的ILoadingLayout；为false,true返回设置上拉的。

最后,不妨和大家一起讨论讨论一下我们在xml布局文件中常用的一些属性:

如果你想改变刷新时显示的图片的动画

//flip:倒置动画 rotate:旋转动画ptr:ptrAnimationStyle="flip"

如果你想改变只允许下拉不能下拉

方式一:在布局文件中ptr:ptrMode="both" //上拉和下拉都支持。方式二:代码设置mPullRefreshListView.setMode(Mode.BOTH);//设置你需要的模式/**    disabled（禁用下拉刷新）    pullFromStart（仅支持下拉刷新）    pullFromEnd（仅支持上拉刷新）    both（二者都支持）    manualOnly（只允许手动触发）*/

如果你想替换刷新显示的图片,你完全可以这样做:

ptr:ptrDrawable="@drawable/替换的图片"

如果,没有如果!我不想说了,自己看去吧!哈哈

ptrRefreshableViewBackground 设置整个mPullRefreshListView的背景色ptrHeaderBackground 设置下拉Header或者上拉Footer的背景色ptrHeaderTextColor 用于设置Header与Footer中文本的颜色ptrHeaderSubTextColor 用于设置Header与Footer中上次刷新时间的颜色ptrShowIndicator 如果为true会在mPullRefreshListView中出现icon，右上角和右下角，挺有意思的。ptrHeaderTextAppearance，ptrSubHeaderTextAppearance 分别设置拉Header或者上拉Footer中字体的类型颜色等等。ptrRotateDrawableWhilePulling 当动画设置为rotate时，下拉是是否旋转。ptrScrollingWhileRefreshingEnabled 刷新的时候，是否允许ListView或GridView滚动。觉得为true比较好。ptrListViewExtrasEnabled 决定了Header，Footer以何种方式加入mPullRefreshListView，true为headView方式加入，就是滚动时刷新头部会一起滚动。最后2个其实对于用户体验还是挺重要的，如果设置的时候考虑下~。其他的属性自己选择就好。注：上述属性很多都可以代码控制，如果有需要可以直接mPullRefreshListView.set属性名 查看Api

如果,我写得不好,不妨看看Here

示例代码戳Here

好了,我累了,世界这么大,好像出去看看!要不你给个好评也行!

不给好评,那我也告诉你一个好东西

1 0