zoukankan      html  css  js  c++  java
  • 开源项目PullToRefresh详解(二)——PullToRefreshGridView

      这里介绍的是PullToRefreshGridView的使用方法,和之前的PullToRefreshListView方法如出一辙,因为这个开源项目模块化很棒,所以很容易实现。等于说我们可以按照之前使用控件的方式来操作,不用考虑其他的问题。

    思路:

    1.写布局文件,放入可以下拉刷新的控件

    2.找到下拉刷新的控件,设置监听器,并且在刷新方法中开启一个异步任务来操作

    3.通过这个下拉刷新控件的getRefreshableView()方法来得到GridView对象,按照正常的操作来设置适配器

    4.在异步任务中通过LinkedList来给头部或者是尾部添加新的数据

    实现:

    1.布局文件

    我们可以看到,我们仍旧可以像使用GridView一样,定义GridView的属性。当然可以通过ptr:命名空间来设置专属属性

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
    
    <!-- The PullToRefreshGridView replaces a standard GridView widget. -->
        <com.handmark.pulltorefresh.library.PullToRefreshGridView
            xmlns:ptr="http://schemas.android.com/apk/res-auto"
            android:id="@+id/pull_refresh_grid"
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:numColumns="auto_fit"
            android:verticalSpacing="1dp"
            android:horizontalSpacing="1dp"
            android:columnWidth="100dp"
            android:stretchMode="columnWidth"
            android:gravity="fill"
            ptr:ptrMode="both"
            ptr:ptrDrawable="@drawable/ic_launcher" />
    
    </LinearLayout>

    2.找到这个可以下拉刷新的控件,并且设置监听器

    这里的监听器和上篇文章讲的不同,是双向的。所以很方便监听滑动操作!

        /**
         *设置下拉刷新的view,设置双向监听器 
         */
        private void initPTRGrideView() {
            // 得到下拉刷新的GridView
            mPullRefreshGridView = (PullToRefreshGridView) findViewById(R.id.pull_refresh_grid);
            // 设置监听器,这个监听器是可以监听双向滑动的,这样可以触发不同的事件
            mPullRefreshGridView.setOnRefreshListener(new OnRefreshListener2<GridView>() {
    
                @Override
                public void onPullDownToRefresh(PullToRefreshBase<GridView> refreshView) {
                    Toast.makeText(getApplicationContext(), "下拉", Toast.LENGTH_SHORT).show();
                    new GetDataTask(mPullRefreshGridView, mAdapter, mListItems).execute();
                }
    
                @Override
                public void onPullUpToRefresh(PullToRefreshBase<GridView> refreshView) {
                    Toast.makeText(getApplicationContext(), "上拉", Toast.LENGTH_SHORT).show();
                    new GetDataTask(mPullRefreshGridView, mAdapter, mListItems).execute();
                }
    
            });
        }

    3.找到GridView来进行适配器的设置

        //链表数组对象,用来方便添加string对象
        private LinkedList<String> mListItems;
        //用来下拉刷新的控件
        private PullToRefreshGridView mPullRefreshGridView;
        //真正用到的控件,它被隐含到PullToRefreshGridView中,所以需要找出来才能使用
        private GridView mGridView;
        //定义GridView的适配器
        private ArrayAdapter<String> mAdapter;

    这里也可以设置适配器中无数据时显示的内容,调用的方法是:setEmptyView()

        
        /**
         * 设置GridView,首先找到它,然后设置适配器
         */
        private void initGrideView() {
            mGridView = mPullRefreshGridView.getRefreshableView();
            //定义String数组,然后把它放到LinkedList中,之后只要在异步任务中用LinkedList就可以添加开头和结尾的数据了
            String []data = new String[] {"android","ios","wp","java","c++","c#"};
            mListItems = new LinkedList<String>();
            mListItems.addAll(Arrays.asList(data));
    
            //当适配器中没有数据的时候显示的东西,这里因为我给适配器中填充了string数组,所以不会显示“这里很空,下拉刷新试试”
            TextView tv = new TextView(this);
            tv.setGravity(Gravity.CENTER);
            tv.setText("这里很空,下拉刷新试试");
            //当界面为空的时候显示的视图
            mPullRefreshGridView.setEmptyView(tv);
    
            //设置适配器
            mAdapter = new ArrayAdapter<String>(this, 
                    android.R.layout.simple_list_item_1, mListItems);
            mGridView.setAdapter(mAdapter);
        }

    4.执行异步任务,模拟加载数据,这个和之前的写法一样

    package com.kale.ptrgridview;
    
    import java.util.LinkedList;
    
    import android.os.AsyncTask;
    import android.widget.ArrayAdapter;
    
    import com.handmark.pulltorefresh.library.PullToRefreshBase.Mode;
    import com.handmark.pulltorefresh.library.PullToRefreshGridView;
    
    /**
     * @author:Jack Tony
     * @tips  :通过异步任务来加载网络中的数据,进行更新
     * @date  :2014-10-14
     */
    public class GetDataTask extends AsyncTask<Void, Void, Void>{
    
        private PullToRefreshGridView mPullRefreshGridView;
        private ArrayAdapter<String> mAdapter;
        private LinkedList<String> mListItems;
        
        
        public GetDataTask(PullToRefreshGridView gridView,
                ArrayAdapter<String> adapter,LinkedList<String> listItems) {
            // TODO 自动生成的构造函数存根
            mPullRefreshGridView = gridView;
            mAdapter = adapter;
            mListItems = listItems;
        }
        
        @Override
        protected Void doInBackground(Void... params) {
            //模拟请求,舒眠2秒钟
            try {
                Thread.sleep(2000);
            } catch (InterruptedException e) {
            }
            return null;
        }
        
        @Override
        protected void onPostExecute(Void result) {
            // TODO 自动生成的方法存根
            super.onPostExecute(result);
            
            //得到当前的模式,来判断数据应该加载到哪个位置
            Mode mode = mPullRefreshGridView.getCurrentMode();
            if(mode == Mode.PULL_FROM_START) {
                mListItems.addFirst("这是刷新出来的数据");
            }
            else {
                mListItems.addLast("这是刷新出来的数据");
            }
            // 通知数据改变了
            mAdapter.notifyDataSetChanged();
            // 加载完成后停止刷新
            mPullRefreshGridView.onRefreshComplete();
            
        }
        
    
    
    }

    MainActivity.JAVA中的全部代码

    package com.kale.ptrgridview;
    
    import java.util.Arrays;
    import java.util.LinkedList;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Gravity;
    import android.widget.ArrayAdapter;
    import android.widget.GridView;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import com.handmark.pulltorefresh.library.PullToRefreshBase;
    import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;
    import com.handmark.pulltorefresh.library.PullToRefreshGridView;
    
    public class MainActivity extends Activity {
        
        //链表数组对象,用来方便添加string对象
        private LinkedList<String> mListItems;
        //用来下拉刷新的控件
        private PullToRefreshGridView mPullRefreshGridView;
        //真正用到的控件,它被隐含到PullToRefreshGridView中,所以需要找出来才能使用
        private GridView mGridView;
        //定义GridView的适配器
        private ArrayAdapter<String> mAdapter;
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            initView();
        }
    
        private void initView() {
            // TODO 自动生成的方法存根
            initPTRGrideView();
            initGrideView();
        }
    
        /**
         *设置下拉刷新的view,设置双向监听器 
         */
        private void initPTRGrideView() {
            // 得到下拉刷新的GridView
            mPullRefreshGridView = (PullToRefreshGridView) findViewById(R.id.pull_refresh_grid);
            // 设置监听器,这个监听器是可以监听双向滑动的,这样可以触发不同的事件
            mPullRefreshGridView.setOnRefreshListener(new OnRefreshListener2<GridView>() {
    
                @Override
                public void onPullDownToRefresh(PullToRefreshBase<GridView> refreshView) {
                    Toast.makeText(getApplicationContext(), "下拉", Toast.LENGTH_SHORT).show();
                    new GetDataTask(mPullRefreshGridView, mAdapter, mListItems).execute();
                }
    
                @Override
                public void onPullUpToRefresh(PullToRefreshBase<GridView> refreshView) {
                    Toast.makeText(getApplicationContext(), "上拉", Toast.LENGTH_SHORT).show();
                    new GetDataTask(mPullRefreshGridView, mAdapter, mListItems).execute();
                }
    
            });
        }
        
        /**
         * 设置GridView,首先找到它,然后设置适配器
         */
        private void initGrideView() {
            mGridView = mPullRefreshGridView.getRefreshableView();
            //定义String数组,然后把它放到LinkedList中,之后只要在异步任务中用LinkedList就可以添加开头和结尾的数据了
            String []data = new String[] {"android","ios","wp","java","c++","c#"};
            mListItems = new LinkedList<String>();
            mListItems.addAll(Arrays.asList(data));
    
            //当适配器中没有数据的时候显示的东西,这里因为我给适配器中填充了string数组,所以不会显示“这里很空,下拉刷新试试”
            TextView tv = new TextView(this);
            tv.setGravity(Gravity.CENTER);
            tv.setText("这里很空,下拉刷新试试");
            //当界面为空的时候显示的视图
            mPullRefreshGridView.setEmptyView(tv);
    
            //设置适配器
            mAdapter = new ArrayAdapter<String>(this, 
                    android.R.layout.simple_list_item_1, mListItems);
            mGridView.setAdapter(mAdapter);
        }
        
        
    }

    源码下载:http://download.csdn.net/detail/shark0017/8035729

  • 相关阅读:
    Hashmap实现原理
    策略模式
    Google Drive ubuntu
    numix Docky
    Google Drive 和 Dropbox 同步同一个文件夹目录
    sublime text 2
    matlab cell
    liteide
    taglist and nerdtree
    codeblocks
  • 原文地址:https://www.cnblogs.com/tianzhijiexian/p/4023958.html
Copyright © 2011-2022 走看看