Coin163

首页 > Android中ListView分页加载数据

Android中ListView分页加载数据

2020腾讯云双十一活动,全年最低!!!(领取3500元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1074

【阿里云】双十一活动,全年抄底价,限时3天!(老用户也有),
入口地址https://www.aliyun.com/1111/home

 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 plain copy
  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 plain copy
  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 plain copy
  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 plain copy
  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.   
  27. }  

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

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

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


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

原文

 Android应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页的形式来展示数据,个人觉得这样会

------分隔线----------------------------
相关推荐