Android应用中ListView利用OnScrollListener分页加载数据

当用户从网络上读取微薄的时候,如果一下子全部加载用户未读的微薄这将耗费比较长的时间,造成不好的用户体验,同时一屏的内容也不足以显示如此多的内容。这时候,我们就需要用到另一个功能,那就是listview的分页了。通过分页分次加载数据,用户看多少就去加载多少。

通常这也分为两种方式,一种是设置一个按钮,用户点击即加载。另一种是当用户滑动到底部时自动加载。今天我就和大家分享一下这个功能的实现。

首先,写一个xml文件,moredata.xml,该文件即定义了放在listview底部的视图:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
 <Button
   android:id="@+id/bt_load"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="加载更多数据" />
 <ProgressBar
   android:id="@+id/pg"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   android:visibility="gone"
   />
</LinearLayout>

可以看到是一个按钮和一个进度条。因为只做一个演示,这里简单处理,通过设置控件的visibility,未加载时显示按钮,加载时就显示进度条。

写一个item.xml,大家应该很熟悉了。用来定义listview的每个item的视图。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >

  <TextView
    android:id="@+id/tv_title"
    android:textSize="20sp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    />
  <TextView
    android:textSize="12sp"
    android:id="@+id/tv_content"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    />

</LinearLayout>

main.xml就不贴了,整个主界面就一个listview。

直接先看下Activity的代码,在里面实现分页效果。

package com.notice.moredate;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.Button;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MoreDateListActivity extends Activity implements OnScrollListener {

  // ListView的Adapter
  private SimpleAdapter mSimpleAdapter;
  private ListView lv;
  private Button bt;
  private ProgressBar pg;
  private ArrayList<HashMap<String,String>> list;
  // ListView底部View
  private View moreView;
  private Handler handler;
  // 设置一个最大的数据条数,超过即不再加载
  private int MaxDateNum;
  // 最后可见条目的索引
  private int lastVisibleIndex;

  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    MaxDateNum = 22; // 设置最大数据条数

    lv = (ListView) findViewById(R.id.lv);

    // 实例化底部布局
    moreView = getLayoutInflater().inflate(R.layout.moredate, null);

    bt = (Button) moreView.findViewById(R.id.bt_load);
    pg = (ProgressBar) moreView.findViewById(R.id.pg);
    handler = new Handler();

    // 用map来装载数据,初始化10条数据
    list = new ArrayList<HashMap<String,String>>();
    for (int i = 0; i < 10; i++) {
      HashMap<String, String> map = new HashMap<String, String>();
      map.put("ItemTitle", "第" + i + "行标题");
      map.put("ItemText", "第" + i + "行内容");
      list.add(map);
    }
    // 实例化SimpleAdapter
    mSimpleAdapter = new SimpleAdapter(this, list, R.layout.item,
        new String[] { "ItemTitle", "ItemText" },
        new int[] { R.id.tv_title, R.id.tv_content });
    // 加上底部View,注意要放在setAdapter方法前
    lv.addFooterView(moreView);
    lv.setAdapter(mSimpleAdapter);
    // 绑定监听器
    lv.setOnScrollListener(this);

    bt.setOnClickListener(new OnClickListener() {

      @Override
      public void onClick(View v) {
        pg.setVisibility(View.VISIBLE);// 将进度条可见
        bt.setVisibility(View.GONE);// 按钮不可见

        handler.postDelayed(new Runnable() {

          @Override
          public void run() {
            loadMoreDate();// 加载更多数据
            bt.setVisibility(View.VISIBLE);
            pg.setVisibility(View.GONE);
            mSimpleAdapter.notifyDataSetChanged();// 通知listView刷新数据
          }

        }, 2000);
      }
    });

  }

  private void loadMoreDate() {
    int count = mSimpleAdapter.getCount();
    if (count + 5 < MaxDateNum) {
      // 每次加载5条
      for (int i = count; i < count + 5; i++) {
        HashMap<String, String> map = new HashMap<String, String>();
        map.put("ItemTitle", "新增第" + i + "行标题");
        map.put("ItemText", "新增第" + i + "行内容");
        list.add(map);
      }
    } else {
      // 数据已经不足5条
      for (int i = count; i < MaxDateNum; i++) {
        HashMap<String, String> map = new HashMap<String, String>();
        map.put("ItemTitle", "新增第" + i + "行标题");
        map.put("ItemText", "新增第" + i + "行内容");
        list.add(map);
      }
    }

  }

  @Override
  public void onScroll(AbsListView view, int firstVisibleItem,
      int visibleItemCount, int totalItemCount) {
    // 计算最后可见条目的索引
    lastVisibleIndex = firstVisibleItem + visibleItemCount - 1;

    // 所有的条目已经和最大条数相等,则移除底部的View
    if (totalItemCount == MaxDateNum + 1) {
      lv.removeFooterView(moreView);
      Toast.makeText(this, "数据全部加载完成,没有更多数据!", Toast.LENGTH_LONG).show();
    }

  }

  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {
    // 滑到底部后自动加载,判断listview已经停止滚动并且最后可视的条目等于adapter的条目
    if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
        && lastVisibleIndex == mSimpleAdapter.getCount()) {
      // 当滑到底部时自动加载
      // pg.setVisibility(View.VISIBLE);
      // bt.setVisibility(View.GONE);
      // handler.postDelayed(new Runnable() {
      //
      // @Override
      // public void run() {
      // loadMoreDate();
      // bt.setVisibility(View.VISIBLE);
      // pg.setVisibility(View.GONE);
      // mSimpleAdapter.notifyDataSetChanged();
      // }
      //
      // }, 2000);

    }

  }

}

通过注释,大家应该很容易理解了。这里做下简单的解析。首先要注意的是,addFootView方法一定要在setAdapter方法之前,否则会无效。addFootView方法为listview底部加入一个视图,在本例中就是那个Button加progressbar的视图。当用户点击按钮时,调用loadmoreDate方法,为listview绑定更多的数据,通过adapter的notifyDataSetChanged方法通知listview刷新,显示刚加入的数据。

这里用handler异步延迟2秒操作,模仿加载过程。同时listview绑定了onScrollListener监听器,并且实现了onScroll和onScrollStateChanged方法。在后者方法中,我们通过判断listview已经停止滚动并且最后可视的条目等于adapter的条目,可以知道用户已经滑动到底部并且自动加载,代码中将这部分代码注释掉了,大家可以自己试下。

代码中还加入了一个MaxDateNum变量,用来记录最大的数据数量。也就是说网络或者其他地方一共的数据。通过onScroll方法判断用户加载完这些数据后,移除listview底部视图,不让继续加载。同时在loadmoreDate方法中也对最大数据量做相应的操作来判断加载数量。(默认加载5条,不足5条时加载剩余的)。

看下效果图:

关于OnScrollListener事件顺序次数的简要分析
在 Android 的 OnScrollListener 整个事件我主要分析下他的执行顺序:
实现滚动事件的监听接口

new AbsListView.OnScrollListener(){
  @Override
  public void onScrollStateChanged(AbsListView absListView, int scrollState)
  {
    switch (scrollState) {
      case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
        // 手指触屏拉动准备滚动,只触发一次    顺序: 2
        break;
      case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
        // 持续滚动开始,只触发一次        顺序: 4
        break;
      case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
        // 整个滚动事件结束,只触发一次      顺序: 6
        break;
      default:
        break;
    }
  } 

  @Override
  public void onScroll(AbsListView absListView, int i, int i1, int i2)
  {
    // 一直在滚动中,多次触发             顺序: 1、3、5
  }
}

之前一直很迷糊,后来仔细测试后得出上面代码注释中的结论。
另外对于 ListView 图片列表的滚动,应该在SCROLL_STATE_FLING时让图片不显示,提高滚动性能让滚动更平滑,SCROLL_STATE_IDLE时显示当前屏幕可见的图片,对于onScroll()接口方法基本上不用他。
补充:
1. 当手指只轻触屏幕不拉动只会触发一次onScroll方法,不会触发其他滚动事件;
2. 如果手指触碰屏幕后停滞一下再滑动则首先执行一次onScroll方法 然后才是SCROLL_STATE_TOUCH_SCROLL事件;
3. 如果手指碰到屏幕后直接滑动则第一次就执行SCROLL_STATE_TOUCH_SCROLL事件;
3. 触发SCROLL_STATE_TOUCH_SCROLL事件后还会继续多次触发onScroll事件,而不是直接触发SCROLL_STATE_FLING事件;
4. 滚动后不一定会触发 SCROLL_STATE_FLING事件,可能和手指滑动的距离有关系;
5. 滚动的过程中会多次调用onScroll方法;
6. 除了onScroll触发多次,其他事件在整个过程中只会触发一次。

(0)

相关推荐

  • Android实现ListView分页自动加载数据的方法

    Android应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页的形式来展示数据,个人觉得这样会有更好的用户体验.因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.例如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"查看更多"按钮,用户点击后,加载下一页数据. 下面通过一个Demo来展示ListView功能如何实现:该Demo通过在ListVie

  • Android中ListView分页加载数据功能实现

    熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组件,我们今天就要讲一讲列表组件ListView加载数据的相关内容.通常来说,一个应用在展现大量数据时,不会将全部的可用数据都呈现给用户,因为这不管对于服务端还是客户端来说都是不小的压力,因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.比如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"加载更多"按钮,用户点

  • Android实现listview动态加载数据分页的两种方法

    在android开发中,经常需要使用数据分页,比如要实现一个新闻列表的显示,或者博文列表的显示,不可能第一次加载就展示出全部,这就需要使用分页的方法来加载数据,在android中Handler经常用来在耗时的工作中,它接收子线程发送的数据,并使用数据配合更新UI,AsyncTask是在一个线程中执行耗时操作然后把结果传给UI线程,不需要你亲自去管理线程和句柄. 一.使用Handler+线程方法 1.基础知识 Handler在android系统中,主要负责发送和接收消息,它的用途主要有以下两种:

  • Android中ListView如何分页加载数据

    熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组件,我们今天就要讲一讲列表组件ListView加载数据的相关内容.通常来说,一个应用在展现大量数据时,不会将全部的可用数据都呈现给用户,因为这不管对于服务端还是客户端来说都是不小的压力,因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.比如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"加载更多"按钮,用户点

  • Android之ListView分页加载数据功能实现代码

    什么是ListView分页加载数据功能呢?在现在的大数据时代,我们不可能把某些数据全部展示到界面,好比我们经常会看的QQ空间一样,当你看动态的时候,系统不可能会把所有好友的动态都展示在上面,你能看到的一般都是最新好友更新的动态,假如你要看非最新的好友动态,通常你都会手指向上滑动屏幕然后去查看,当界面下滑到一定数量的时候,就会看到一个"查看更多",然后突然停顿一下,系统会通过网络去给你刷新其他动态信息,这样的功能我们一般叫做数据下拉刷新功能,也就是我们的分页加载功能,具体的实现是怎样的呢

  • Android ListView滚动到底后自动加载数据

    熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组件,我们 今天就要讲一讲列表组件ListView加载数据的相关内容.通常来说,一个应用在展现大量数据时,不会将全部的可用数据都呈现给用户,因为这不管对于服 务端还是客户端来说都是不小的压力,因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.比如:微博客户端可能会在用户滑动至列表底端时自动加 载下一页数据,也可能在底部放置一个"加载更多"按钮,

  • Android Listview滑动时不加载数据 停止时加载数据

    本文实例为大家分享了Listview滑动时不加载数据 停止时加载数据的具体代码,供大家参考,具体内容如下 数据源配置(Adapter) package com.zhengsonglan.listview_loading.adapter; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import

  • 解决Android ListView数据为空及加载错误的方法

    在项目中,都会用到ListView或GridView等列表控件.一般会用来展示从网络请求的数据 .如果请求的数据为空或者在请求的时候正好无没有网络了,我们的界面应该如何展示呢?数据为空的时候,ListView可以使用setEmptyView (View emptyView) 方法来我们需要的统一界面.数据加载失败呢?我们也可以统一进行处理. //下面这个类是简单地封装用于无数据及加载错误的一个页面. public class CommonShowView { private Context mC

  • Android实现ListView数据动态加载的方法

    本文实例讲述了Android实现ListView数据动态加载的方法.分享给大家供大家参考,具体如下: list.setOnScrollListener(new OnScrollListener() { //添加滚动条滚到最底部,加载余下的元素 public void onScrollStateChanged(AbsListView view, int scrollState) { // if (scrollState == OnScrollListener.SCROLL_STATE_IDLE)

  • Android应用中ListView利用OnScrollListener分页加载数据

    当用户从网络上读取微薄的时候,如果一下子全部加载用户未读的微薄这将耗费比较长的时间,造成不好的用户体验,同时一屏的内容也不足以显示如此多的内容.这时候,我们就需要用到另一个功能,那就是listview的分页了.通过分页分次加载数据,用户看多少就去加载多少. 通常这也分为两种方式,一种是设置一个按钮,用户点击即加载.另一种是当用户滑动到底部时自动加载.今天我就和大家分享一下这个功能的实现. 首先,写一个xml文件,moredata.xml,该文件即定义了放在listview底部的视图: <?xml

  • Android实现ListView分页加载数据

    本文实例为大家分享了ListView分页加载数据的具体代码,供大家参考,具体内容如下 FenyeActivity package com.example.myapplication.fenye; import androidx.appcompat.app.AppCompatActivity; import android.app.ListActivity; import android.os.Bundle; import android.os.Handler; import android.ut

  • Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子(图片能缓存,图片不错乱)

    例子中用于解析Json的Gson请自己Google下载 主Activity: package COM.Example.Main; import java.util.HashMap; import java.util.Iterator; import java.util.LinkedList; import java.util.List; import java.util.Map; import COM.Example.Main.R; import COM.Example.Main.stringG

  • Android开发实现ListView异步加载数据的方法详解

    本文实例讲述了Android开发实现ListView异步加载数据的方法.分享给大家供大家参考,具体如下: 1.主Activity public class MainActivity extends Activity { private ListView listView; private ArrayList<Person> persons; private ListAdapter adapter; private Handler handler=null; //xml文件的网络地址 final

  • 如何在smarty中增加类似foreach的功能自动加载数据

    在smarty中使用自定义插件来加载数据(见:编写Smarty插件在模板中直接加载数据的详细介绍),在使用的时候还是感觉不够方便,灵机一动就想写成类似foreach那种标签: 第一步:在Smarty_Compiler.class.php的_compile_tag函数中增加: 复制代码 代码如下: //加载数据的开始标签case 'load': $this->_push_tag('load'); return $this->_complie_load_start($tag_args); brea

随机推荐