Android中ListView分页加载数据

来源:互联网 发布:如何修改电脑mac地址 编辑:程序博客网 时间:2024/05/18 15:08

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

           下面通过一个Demo来展示ListView功能如何实现:该Demo通过在ListView列表的底部添加一个“查看更多...”按钮来加载新闻(模拟新闻客户端)分页数据。同时限定每次加载10条记录,但完全加载完数据后,就把ListView列表底部视图“查看更多...”删除。假设加载的数据总数为 38 条记录。先看下该Demo工程的程序结构图:


其中包 com.andyidea.bean中News.java类是新闻实体类,包com.andyidea.listview中paginationListViewActivity.java类是用来展示ListView列表。布局layout中包含三个布局文件,分别为:list_item.xml , loadmore.xml , main.xml 。下面分别贴下源码:

layout中的 list_item.xml源码:

[html] view plaincopy
  1. <span style="font-size:13px;"><?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.   xmlns:android="http://schemas.android.com/apk/res/android"  
  4.   android:layout_width="fill_parent"  
  5.   android:layout_height="fill_parent"  
  6.   android:orientation="vertical">  
  7.   <TextView  
  8.      android:id="@+id/newstitle"  
  9.      android:layout_width="fill_parent"  
  10.      android:layout_height="wrap_content"/>  
  11.   <TextView  
  12.      android:id="@+id/newscontent"  
  13.      android:layout_width="fill_parent"  
  14.      android:layout_height="wrap_content"/>  
  15. </LinearLayout></span>  

layout中loadmore.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:layout_width="fill_parent"  
  5.   android:layout_height="fill_parent">  
  6.   <Button    
  7.       android:id="@+id/loadMoreButton"    
  8.       android:layout_width="fill_parent"    
  9.       android:layout_height="wrap_content"  
  10.       android:text="查看更多..." />   
  11. </LinearLayout>  

layout中main.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.     <ListView  
  7.        android:id="@+id/lvNews"  
  8.        android:layout_width="fill_parent"  
  9.        android:layout_height="wrap_content"/>  
  10. </LinearLayou  

包 com.andyidea.bean中News.java类源码:

[html] view plaincopy
  1. package com.andyidea.bean;  
  2.   
  3. /**  
  4.  * 新闻实体类  
  5.  * @author Andy.Chen  
  6.  * @mail Chenjunjun.ZJ@gmail.com  
  7.  *  
  8.  */  
  9. public class News {  
  10.       
  11.     private String title;    //标题  
  12.     private String content;  //内容  
  13.       
  14.     public String getTitle() {  
  15.         return title;  
  16.     }  
  17.     public void setTitle(String title) {  
  18.         this.title = title;  
  19.     }  
  20.     public String getContent() {  
  21.         return content;  
  22.     }  
  23.     public void setContent(String content) {  
  24.         this.content = content;  
  25.     }
  26. }  

包com.andyidea.listview中paginationListViewActivity.java类源码:

[html] view plaincopy
  1. package com.andyidea.listview;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import com.andyidea.bean.News;  
  7.   
  8. import android.app.Activity;  
  9. import android.os.Bundle;  
  10. import android.os.Handler;  
  11. import android.util.Log;  
  12. import android.view.View;  
  13. import android.view.ViewGroup;  
  14. import android.widget.AbsListView;  
  15. import android.widget.AbsListView.OnScrollListener;  
  16. import android.widget.BaseAdapter;  
  17. import android.widget.Button;  
  18. import android.widget.ListView;  
  19. import android.widget.TextView;  
  20. import android.widget.Toast;  
  21.   
  22. public class PaginationListViewActivity extends Activity implements OnScrollListener {
  23.     private ListView listView;    
  24.     private int visibleLastIndex = 0;   //最后的可视项索引    
  25.     private int visibleItemCount;       // 当前窗口可见项总数    
  26.     private int datasize = 38;          //模拟数据集的条数  
  27.     private PaginationAdapter adapter;    
  28.     private View loadMoreView;    
  29.     private Button loadMoreButton;    
  30.     private Handler handler = new Handler();   
  31.       
  32.     /** Called when the activity is first created. */  
  33.     @Override  
  34.     public void onCreate(Bundle savedInstanceState) {  
  35.         super.onCreate(savedInstanceState);  
  36.         setContentView(R.layout.main);  
  37.           
  38.         loadMoreView = getLayoutInflater().inflate(R.layout.loadmore, null);  
  39.         loadMoreButton = (Button)loadMoreView.findViewById(R.id.loadMoreButton);  
  40.         loadMoreButton.setOnClickListener(new View.OnClickListener() {  
  41.               
  42.             @Override  
  43.             public void onClick(View v) {  
  44.                 loadMoreButton.setText("正在加载中...");   //设置按钮文字  
  45.                 handler.postDelayed(new Runnable() {  
  46.                       
  47.                     @Override  
  48.                     public void run() {  
  49.                         loadMoreData();  
  50.                         adapter.notifyDataSetChanged();  
  51.                         loadMoreButton.setText("查看更多...");  //恢复按钮文字  
  52.                     }  
  53.                 },2000);  
  54.                   
  55.             }  
  56.         });  
  57.           
  58.         listView = (ListView)findViewById(R.id.lvNews);  
  59.         listView.addFooterView(loadMoreView);    //设置列表底部视图  
  60.         initializeAdapter();  
  61.         listView.setAdapter(adapter);  
  62.         listView.setOnScrollListener(this);  
  63.     }  
  64.       
  65.     @Override  
  66.     public void onScrollStateChanged(AbsListView view, int scrollState) {  
  67.         int itemsLastIndex = adapter.getCount()-1;  //数据集最后一项的索引    
  68.         int lastIndex = itemsLastIndex + 1;  
  69.         if (scrollState == OnScrollListener.SCROLL_STATE_IDLE  
  70.                 && visibleLastIndex == lastIndex) {  
  71.             // 如果是自动加载,可以在这里放置异步加载数据的代码  
  72.         }  
  73.     }  
  74.   
  75.   
  76.     @Override  
  77.     public void onScroll(AbsListView view, int firstVisibleItem,  
  78.             int visibleItemCount, int totalItemCount) {  
  79.         this.visibleItemCount = visibleItemCount;  
  80.         visibleLastIndex = firstVisibleItem + visibleItemCount - 1;  
  81.           
  82.         Log.e("========================= ","========================");  
  83.         Log.e("firstVisibleItem = ",firstVisibleItem+"");  
  84.         Log.e("visibleItemCount = ",visibleItemCount+"");  
  85.         Log.e("totalItemCount = ",totalItemCount+"");  
  86.         Log.e("========================= ","========================");  
  87.           
  88.         //如果所有的记录选项等于数据集的条数,则移除列表底部视图  
  89.         if(totalItemCount == datasize+1){  
  90.             listView.removeFooterView(loadMoreView);  
  91.             Toast.makeText(this, "数据全部加载完!", Toast.LENGTH_LONG).show();  
  92.         }  
  93.     }  
  94.       
  95.     /**  
  96.      * 初始化ListView的适配器  
  97.      */  
  98.     private void initializeAdapter(){  
  99.         List<News> news = new ArrayList<News>();  
  100.         for(int i=1;i<=10;i++){  
  101.             News items = new News();  
  102.             items.setTitle("Title"+i);  
  103.             items.setContent("This is News Content"+i);  
  104.             news.add(items);  
  105.         }  
  106.         adapter = new PaginationAdapter(news);  
  107.     }  
  108.       
  109.     /**  
  110.      * 加载更多数据  
  111.      */  
  112.     private void loadMoreData(){  
  113.         int count = adapter.getCount();  
  114.           
  115.         if(count+10 <= datasize){  
  116.             for(int i=count+1; i<=count+10; i++){  
  117.                 News item = new News();  
  118.                 item.setTitle("Title"+i);  
  119.                 item.setContent("This is News Content"+i);  
  120.                 adapter.addNewsItem(item);  
  121.             }  
  122.         }else{  
  123.             for(int i=count+1; i<=datasize; i++){  
  124.                 News item = new News();  
  125.                 item.setTitle("Title"+i);  
  126.                 item.setContent("This is News Content"+i);  
  127.                 adapter.addNewsItem(item);  
  128.             }  
  129.         }  
  130.           
  131.     }  
  132.       
  133.       
  134.     class PaginationAdapter extends BaseAdapter{  
  135.           
  136.         List<News> newsItems;  
  137.           
  138.         public PaginationAdapter(List<News> newsitems){  
  139.             this.newsItems = newsitems;  
  140.         }  
  141.   
  142.         @Override  
  143.         public int getCount() {  
  144.             return newsItems.size();  
  145.         }  
  146.   
  147.         @Override  
  148.         public Object getItem(int position) {  
  149.             return newsItems.get(position);  
  150.         }  
  151.   
  152.         @Override  
  153.         public long getItemId(int position) {  
  154.             return position;  
  155.         }  
  156.   
  157.         @Override  
  158.         public View getView(int position, View view, ViewGroup parent) {  
  159.             if(view == null){  
  160.                 view = getLayoutInflater().inflate(R.layout.list_item, null);  
  161.             }  
  162.               
  163.             //新闻标题  
  164.             TextView tvTitle = (TextView)view.findViewById(R.id.newstitle);  
  165.             tvTitle.setText(newsItems.get(position).getTitle());  
  166.             //新闻内容  
  167.             TextView tvContent = (TextView)view.findViewById(R.id.newscontent);  
  168.             tvContent.setText(newsItems.get(position).getContent());  
  169.               
  170.             return view;  
  171.         }  
  172.           
  173.         /**  
  174.          * 添加数据列表项  
  175.          * @param newsitem  
  176.          */  
  177.         public void addNewsItem(News newsitem){  
  178.             newsItems.add(newsitem);  
  179.         }  
  180.           
  181.     }  
  182.   
  183. }  

最后,运行程序的结果截图如下:


通过上面的截图,当我们点击"查看更多..."按钮时,就会加载下10条记录,当加载完所有的记录后,ListView的底部视图将会移除。

转自:http://blog.csdn.net/cjjky/article/details/6898871

0 0