Android开源项目PullToRefresh下拉刷新功能详解2

所属分类：软件编程 / Android 阅读数： 35

收藏 0赞 0分享

先看看效果图：

这里介绍的是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://xiazai.jb51.net/201609/yuanma/AndroidGridView(jb51.net).rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android开源项目PullToRefresh下拉刷新功能详解2

Android设计登录界面、找回密码、注册功能

Android通过手势实现答题器翻页效果

Android采用双缓冲技术实现画板

Android开发之毛玻璃效果实例代码

Android实现桌面悬浮窗、蒙板效果实例代码

深入解读Android的Volley库的功能结构

Android开发中使用Volley库发送HTTP请求的实例教程

Android仿QQ聊天撒花特效很真实

Android的HTTP操作库Volley的基本使用教程

Android仿水波纹流量球进度条控制器

网络赚钱

站长故事

Android开源项目PullToRefresh下拉刷新功能详解2

Android设计登录界面、找回密码、注册功能

Android通过手势实现答题器翻页效果

Android采用双缓冲技术实现画板

Android开发之毛玻璃效果实例代码

Android实现桌面悬浮窗、蒙板效果实例代码

深入解读Android的Volley库的功能结构

Android开发中使用Volley库发送HTTP请求的实例教程

Android仿QQ聊天撒花特效 很真实

Android的HTTP操作库Volley的基本使用教程

Android仿水波纹流量球进度条控制器

网络赚钱

站长故事

Android仿QQ聊天撒花特效很真实