android listview 分页加载数据

最新推荐文章于 2022-09-14 15:49:03 发布

wotoumingzxy

最新推荐文章于 2022-09-14 15:49:03 发布

阅读量640

点赞数

文章标签： listview android layout string encoding button

原文转载自： http://blog.92coding.com/index.php/archives/288.html

上图是一个新闻客户端的显示界面，新闻的信息是显示在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/progressBar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:visibility="gone"
      />
</LinearLayout>

很简单的XML文件，一个按钮和一个进度条。因为只做一个演示，这里简单处理，通过设置控件的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>

MainActivity的页面布局XML，main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <ListView
        android:id="@+id/lv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
    />
</LinearLayout>

下面我们看下MainActivity代码，在里面实现分页效果：

package com.szy.listviewdemo;

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;

/**
 * @author coolszy
 * @date 2012-2-10
 * @blog http://blog.92coding.com
 */
public class MainActivity extends Activity implements OnScrollListener
{

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

 @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.moredata, null);
  btn = (Button) moreView.findViewById(R.id.bt_load);
  progressBar = (ProgressBar) moreView.findViewById(R.id.progressBar);
  handler = new Handler();
  //初始化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
  simpleAdapter = 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(simpleAdapter);
  
  // 绑定监听器
  lv.setOnScrollListener(this);
  btn.setOnClickListener(new OnClickListener()
  {
   @Override
   public void onClick(View v)
   {
    progressBar.setVisibility(View.VISIBLE);// 将进度条可见
    btn.setVisibility(View.GONE);// 按钮不可见
    handler.postDelayed(new Runnable()
    {
     @Override
     public void run()
     {
      loadMoreDate();// 加载更多数据
      btn.setVisibility(View.VISIBLE);
      progressBar.setVisibility(View.GONE);
      simpleAdapter.notifyDataSetChanged();// 通知listView刷新数据
     }

    }, 2000);
   }
  });

 }

 private void loadMoreDate()
 {
  int count = simpleAdapter.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 == simpleAdapter.getCount())
  {
   // 当滑到底部时自动加载
   // progressBar.setVisibility(View.VISIBLE);
   // btn.setVisibility(View.GONE);
   // handler.postDelayed(new Runnable() {
   //
   // @Override
   // public void run() {
   // loadMoreDate();
   // btn.setVisibility(View.VISIBLE);
   // progressBar.setVisibility(View.GONE);
   // simpleAdapter.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条时加载剩余的）。

看下效果图：

wotoumingzxy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android listview 分页加载数据

原文转载自： http://blog.92coding.com/index.php/archives/288.html上图是一个新闻客户端的显示界面，新闻的信息是显示在ListView的控件中，我们知道要显示的新闻会很多，我们不可能每次都加载进来，因此我们这时需要进行分页处理。通常这也分为两种方式，一种是设置一个按钮，用户点击即加载，如上图。另一种是当用户滑动到底部
复制链接

扫一扫