您的位置: 首页  >  文章  >  Android中ListView分页加载数据

Android中ListView分页加载数据

分类: 文章 • 2024-04-11 13:16:13

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

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

Android中ListView分页加载数据

其中包 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. <spanstyle="font-size:13px;"><?xmlversion="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. <?xmlversion="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. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. packagecom.andyidea.bean;
  3. /**
  4. *新闻实体类
  5. *@authorAndy.Chen
  6. *@[email protected]
  7. *
  8. */
  9. publicclassNews{
  11. privateStringtitle;//标题
  12. privateStringcontent;//内容
  14. publicStringgetTitle(){
  15. returntitle;
  16. }
  17. publicvoidsetTitle(Stringtitle){
  18. this.title=title;
  19. }
  20. publicStringgetContent(){
  21. returncontent;
  22. }
  23. publicvoidsetContent(Stringcontent){
  24. this.content=content;
  25. }
  27. }

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

[html]view plaincopy
  1. packagecom.andyidea.listview;
  3. importjava.util.ArrayList;
  4. importjava.util.List;
  6. importcom.andyidea.bean.News;
  8. importandroid.app.Activity;
  9. importandroid.os.Bundle;
  10. importandroid.os.Handler;
  11. importandroid.util.Log;
  12. importandroid.view.View;
  13. importandroid.view.ViewGroup;
  14. importandroid.widget.AbsListView;
  15. importandroid.widget.AbsListView.OnScrollListener;
  16. importandroid.widget.BaseAdapter;
  17. importandroid.widget.Button;
  18. importandroid.widget.ListView;
  19. importandroid.widget.TextView;
  20. importandroid.widget.Toast;
  22. publicclassPaginationListViewActivityextendsActivityimplementsOnScrollListener{
  24. privateListViewlistView;
  25. privateintvisibleLastIndex=0;//最后的可视项索引
  26. privateintvisibleItemCount;//当前窗口可见项总数
  27. privateintdatasize=38;//模拟数据集的条数
  28. privatePaginationAdapteradapter;
  29. privateViewloadMoreView;
  30. privateButtonloadMoreButton;
  31. privateHandlerhandler=newHandler();
  33. /**Calledwhentheactivityisfirstcreated.*/
  34. @Override
  35. publicvoidonCreate(BundlesavedInstanceState){
  36. super.onCreate(savedInstanceState);
  37. setContentView(R.layout.main);
  39. loadMoreView=getLayoutInflater().inflate(R.layout.loadmore,null);
  40. loadMoreButton=(Button)loadMoreView.findViewById(R.id.loadMoreButton);
  41. loadMoreButton.setOnClickListener(newView.OnClickListener(){
  43. @Override
  44. publicvoidonClick(Viewv){
  45. loadMoreButton.setText("正在加载中...");//设置按钮文字
  46. handler.postDelayed(newRunnable(){
  48. @Override
  49. publicvoidrun(){
  50. loadMoreData();
  51. adapter.notifyDataSetChanged();
  52. loadMoreButton.setText("查看更多...");//恢复按钮文字
  53. }
  54. },2000);
  56. }
  57. });
  59. listView=(ListView)findViewById(R.id.lvNews);
  60. listView.addFooterView(loadMoreView);//设置列表底部视图
  61. initializeAdapter();
  62. listView.setAdapter(adapter);
  63. listView.setOnScrollListener(this);
  64. }
  66. @Override
  67. publicvoidonScrollStateChanged(AbsListViewview,intscrollState){
  68. intitemsLastIndex=adapter.getCount()-1;//数据集最后一项的索引
  69. intlastIndex=itemsLastIndex+1;
  70. if(scrollState==OnScrollListener.SCROLL_STATE_IDLE
  71. &&visibleLastIndex==lastIndex){
  72. //如果是自动加载,可以在这里放置异步加载数据的代码
  73. }
  74. }
  77. @Override
  78. publicvoidonScroll(AbsListViewview,intfirstVisibleItem,
  79. intvisibleItemCount,inttotalItemCount){
  80. this.visibleItemCount=visibleItemCount;
  81. visibleLastIndex=firstVisibleItem+visibleItemCount-1;
  83. Log.e("=========================","========================");
  84. Log.e("firstVisibleItem=",firstVisibleItem+"");
  85. Log.e("visibleItemCount=",visibleItemCount+"");
  86. Log.e("totalItemCount=",totalItemCount+"");
  87. Log.e("=========================","========================");
  89. //如果所有的记录选项等于数据集的条数，则移除列表底部视图
  90. if(totalItemCount==datasize+1){
  91. listView.removeFooterView(loadMoreView);
  92. Toast.makeText(this,"数据全部加载完!",Toast.LENGTH_LONG).show();
  93. }
  94. }
  96. /**
  97. *初始化ListView的适配器
  98. */
  99. privatevoidinitializeAdapter(){
  100. List<News>news=newArrayList<News>();
  101. for(inti=1;i<=10;i++){
  102. Newsitems=newNews();
  103. items.setTitle("Title"+i);
  104. items.setContent("ThisisNewsContent"+i);
  105. news.add(items);
  106. }
  107. adapter=newPaginationAdapter(news);
  108. }
  110. /**
  111. *加载更多数据
  112. */
  113. privatevoidloadMoreData(){
  114. intcount=adapter.getCount();
  116. if(count+10<=datasize){
  117. for(inti=count+1;i<=count+10;i++){
  118. Newsitem=newNews();
  119. item.setTitle("Title"+i);
  120. item.setContent("ThisisNewsContent"+i);
  121. adapter.addNewsItem(item);
  122. }
  123. }else{
  124. for(inti=count+1;i<=datasize;i++){
  125. Newsitem=newNews();
  126. item.setTitle("Title"+i);
  127. item.setContent("ThisisNewsContent"+i);
  128. adapter.addNewsItem(item);
  129. }
  130. }
  132. }
  135. classPaginationAdapterextendsBaseAdapter{
  137. List<News>newsItems;
  139. publicPaginationAdapter(List<News>newsitems){
  140. this.newsItems=newsitems;
  141. }
  143. @Override
  144. publicintgetCount(){
  145. returnnewsItems.size();
  146. }
  148. @Override
  149. publicObjectgetItem(intposition){
  150. returnnewsItems.get(position);
  151. }
  153. @Override
  154. publiclonggetItemId(intposition){
  155. returnposition;
  156. }
  158. @Override
  159. publicViewgetView(intposition,Viewview,ViewGroupparent){
  160. if(view==null){
  161. view=getLayoutInflater().inflate(R.layout.list_item,null);
  162. }
  164. //新闻标题
  165. TextViewtvTitle=(TextView)view.findViewById(R.id.newstitle);
  166. tvTitle.setText(newsItems.get(position).getTitle());
  167. //新闻内容
  168. TextViewtvContent=(TextView)view.findViewById(R.id.newscontent);
  169. tvContent.setText(newsItems.get(position).getContent());
  171. returnview;
  172. }
  174. /**
  175. *添加数据列表项
  176. *@paramnewsitem
  177. */
  178. publicvoidaddNewsItem(Newsnewsitem){
  179. newsItems.add(newsitem);
  180. }
  182. }
  184. }

最后，运行程序的结果截图如下：

Android中ListView分页加载数据

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


相关推荐