码迷，mamicode.com
首页 > 移动开发 > 详细

Android中ListView分页加载数据

时间：2015-08-27 00:16:31      阅读：263      评论：0      收藏：0      [点我收藏+]

标签：

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

我们今天就结合实例来演示一下使用ListView获取数据的过程。

新建一个loadmore项目，我们来看一下结构图和最终效果图：

技术分享 技术分享

左图中包含了三个布局文件、一个Adapter和一个Activity，右图是我们运行后的主界面。

其中，main.xml是主界面的布局文件，它包含一个ListView组件，代码如下：

 

[html] view plaincopy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     android:paddingLeft="3dp"  
  7.     android:paddingRight="3dp">  
  8.     <ListView  
  9.         android:id="@id/android:list"  
  10.         android:layout_width="fill_parent"  
  11.         android:layout_height="wrap_content"/>  
  12. </LinearLayout>  

这里我们引用了Android内置的名为list的id，因为我们后面要使用到ListActivity，我们的MainActivity继承于它。

 

然后就是list_item.xml，它是ListView中单个列表项的布局文件，从效果图中可以看到，这里只使用到了一个TextView组件，list_item.xml代码如下：

 

[html] view plaincopy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent">  
  6.     <TextView  
  7.         android:id="@+id/list_item_text"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="fill_parent"  
  10.         android:gravity="center"  
  11.         android:textSize="20sp"  
  12.         android:paddingTop="10dp"  
  13.         android:paddingBottom="10dp"/>  
  14. </LinearLayout>  

我们注意到在右图中列表底部有一个按钮不同于其他的列表项，这是什么情况？事实上这个按钮是我们在ListView底部添加的一个视图。ListView组件提供了两个很实用的功能，那就是可以在顶部和底部添加自定义的视图。我们在此处ListView的底部添加了一个视图用来加载更多数据，这个视图对应着load_more.xml布局文件，代码如下：

 

 

[html] view plaincopy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.   xmlns:android="http://schemas.android.com/apk/res/android"  
  4.   android:orientation="vertical"  
  5.   android:layout_width="fill_parent"  
  6.   android:layout_height="wrap_content">  
  7.   <Button  
  8.         android:id="@+id/loadMoreButton"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:text="load more"  
  12.         android:onClick="loadMore"/>  
  13. </LinearLayout>  

接下来我们来了解一下我们的Adapter，ListViewAdapter代码如下：

 

 

[java] view plaincopy
 
  1. package com.scott.loadmore;  
  2.   
  3. import java.util.List;  
  4.   
  5. import android.content.Context;  
  6. import android.view.LayoutInflater;  
  7. import android.view.View;  
  8. import android.view.ViewGroup;  
  9. import android.widget.BaseAdapter;  
  10. import android.widget.TextView;  
  11.   
  12. public class ListViewAdapter extends BaseAdapter {  
  13.     private List<String> items;  
  14.     private LayoutInflater inflater;  
  15.       
  16.     public ListViewAdapter(Context context, List<String> items) {  
  17.         this.items = items;  
  18.         inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);        
  19.     }  
  20.       
  21.     @Override  
  22.     public int getCount() {  
  23.         return items.size();  
  24.     }  
  25.   
  26.     @Override  
  27.     public Object getItem(int position) {  
  28.         return items.get(position);  
  29.     }  
  30.   
  31.     @Override  
  32.     public long getItemId(int position) {  
  33.         return position;  
  34.     }  
  35.   
  36.     @Override  
  37.     public View getView(int position, View view, ViewGroup parent) {  
  38.         if (view == null) {  
  39.             view = inflater.inflate(R.layout.list_item, null);  
  40.         }  
  41.         TextView text = (TextView) view.findViewById(R.id.list_item_text);  
  42.         text.setText(items.get(position));  
  43.         return view;  
  44.     }  
  45.       
  46.     /** 
  47.      * 添加列表项 
  48.      * @param item 
  49.      */  
  50.     public void addItem(String item) {  
  51.         items.add(item);  
  52.     }  
  53. }  

这个ListViewAdapter是我们自定义适配器，它继承自BaseAdapter，实例化此适配器需要一个Context对象来获取LayoutInflater实例和一个集合对象来充当适配器的数据集；在getView方法中我们填充list_item.xml布局文件，完成列表每一项的数据显示；addItem方法用来在加载数据时向数据集中添加新数据。

 

最后我们来看一下MainActivity：

 

[java] view plaincopy
 
  1. package com.scott.loadmore;  
  2.   
  3. import java.util.ArrayList;  
  4.   
  5. import android.app.ListActivity;  
  6. import android.os.Bundle;  
  7. import android.os.Handler;  
  8. import android.util.Log;  
  9. import android.view.View;  
  10. import android.widget.AbsListView;  
  11. import android.widget.AbsListView.OnScrollListener;  
  12. import android.widget.Button;  
  13. import android.widget.ListView;  
  14.   
  15. public class MainActivity extends ListActivity implements OnScrollListener {  
  16.     private ListView listView;  
  17.     private int visibleLastIndex = 0;   //最后的可视项索引  
  18.     private int visibleItemCount;       // 当前窗口可见项总数  
  19.     private ListViewAdapter adapter;  
  20.     private View loadMoreView;  
  21.     private Button loadMoreButton;  
  22.     private Handler handler = new Handler();  
  23.   
  24.     @Override  
  25.     public void onCreate(Bundle savedInstanceState) {  
  26.         super.onCreate(savedInstanceState);  
  27.         setContentView(R.layout.main);  
  28.           
  29.         loadMoreView = getLayoutInflater().inflate(R.layout.load_more, null);  
  30.         loadMoreButton = (Button) loadMoreView.findViewById(R.id.loadMoreButton);  
  31.   
  32.         listView = getListView();               //获取id是list的ListView  
  33.           
  34.         listView.addFooterView(loadMoreView);   //设置列表底部视图  
  35.   
  36.         initAdapter();  
  37.           
  38.         setListAdapter(adapter);                //自动为id是list的ListView设置适配器  
  39.           
  40.         listView.setOnScrollListener(this);     //添加滑动监听  
  41.     }  
  42.       
  43.     /** 
  44.      * 初始化适配器 
  45.      */  
  46.     private void initAdapter() {  
  47.         ArrayList<String> items = new ArrayList<String>();  
  48.         for (int i = 0; i < 10; i++) {  
  49.             items.add(String.valueOf(i + 1));  
  50.         }  
  51.         adapter = new ListViewAdapter(this, items);  
  52.     }  
  53.   
  54.     /** 
  55.      * 滑动时被调用 
  56.      */  
  57.     @Override  
  58.     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {  
  59.         this.visibleItemCount = visibleItemCount;  
  60.         visibleLastIndex = firstVisibleItem + visibleItemCount - 1;  
  61.     }  
  62.   
  63.     /** 
  64.      * 滑动状态改变时被调用 
  65.      */  
  66.     @Override  
  67.     public void onScrollStateChanged(AbsListView view, int scrollState) {  
  68.         int itemsLastIndex = adapter.getCount() - 1;    //数据集最后一项的索引  
  69.         int lastIndex = itemsLastIndex + 1;             //加上底部的loadMoreView项  
  70.         if (scrollState == OnScrollListener.SCROLL_STATE_IDLE && visibleLastIndex == lastIndex) {  
  71.             //如果是自动加载,可以在这里放置异步加载数据的代码  
  72.             Log.i("LOADMORE", "loading...");  
  73.         }  
  74.     }  
  75.       
  76.     /** 
  77.      * 点击按钮事件 
  78.      * @param view 
  79.      */  
  80.     public void loadMore(View view) {  
  81.         loadMoreButton.setText("loading...");   //设置按钮文字loading  
  82.         handler.postDelayed(new Runnable() {  
  83.             @Override  
  84.             public void run() {  
  85.                   
  86.                 loadData();  
  87.                   
  88.                 adapter.notifyDataSetChanged(); //数据集变化后,通知adapter  
  89.                 listView.setSelection(visibleLastIndex - visibleItemCount + 1); //设置选中项  
  90.                   
  91.                 loadMoreButton.setText("load more");    //恢复按钮文字  
  92.             }  
  93.         }, 2000);  
  94.     }  
  95.       
  96.     /** 
  97.      * 模拟加载数据 
  98.      */  
  99.     private void loadData() {  
  100.         int count = adapter.getCount();  
  101.         for (int i = count; i < count + 10; i++) {  
  102.             adapter.addItem(String.valueOf(i + 1));  
  103.         }  
  104.     }  
  105. }  

如代码所示，我们在onCreate方法被调用时获取listView组件，设置其底部视图为loadMoreView，它包含一个按钮，点击时会触发loadMore方法调用，另外在为listView设置完适配器时，又为其设置了滑动事件监听器，滑动列表时onScroll会被调用，滑动状态改变时onScrollStateChanged会被调用。

 

我们来演示一下这个加载过程：

技术分享 技术分享

如图，当点击完按钮后，出现加载动作，加载完之后如右图所示，新数据紧接在原数据之后。然后我们滑动到底部，加载按钮仍可工作：

技术分享

最后，我们测试一下滑动列表到底部，然后松开，控制台打印如下：

技术分享

我们看到onScrollStateChanged方法里的if语句里代码执行了，所以如果我们希望自动加载的话，可以把加载代码放于此处。

今天先讲到这里，谢谢大家。

 

Android中ListView分页加载数据

标签：

原文地址：http://www.cnblogs.com/huangcongcong/p/4761809.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！