上篇博文和大家分享了下拉刷新,这是一个用户体验非常好的操作方式。新浪微薄就是使用这种方式的典型。

还有个问题,当用户从网络上读取微薄的时候,如果一下子全部加载用户未读的微薄这将耗费比较长的时间,造成不好的用户体验,同时一屏的内容也不足以显示如此多的内容。这时候,我们就需要用到另一个功能,那就是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="加载更多数据" /> <ProgressBarandroid:id="@+id/pg"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_gravity="center_horizontal"      android:visibility="gone"/></LinearLayout>

可以看到是一个按钮和一个进度条。因为只做一个演示,这里简单处理,通过设置控件的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" >

<TextViewandroid:id="@+id/tv_title"        android:textSize="20sp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="5dp"/><TextViewandroid:textSize="12sp"        android:id="@+id/tv_content"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="5dp"/>

</LinearLayout>

main.xml就不贴了,整个主界面就一个listview。

直接先看下Activity的代码,在里面实现分页效果。

package com.notice.moredate;

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;

public class MoreDateListActivity extends Activity implements OnScrollListener {

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

/** Called when the activity is first created. */    @Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);        setContentView(R.layout.main);

        MaxDateNum = 22; // 设置最大数据条数

        lv = (ListView) findViewById(R.id.lv);

// 实例化底部布局        moreView = getLayoutInflater().inflate(R.layout.moredate, null);

        bt = (Button) moreView.findViewById(R.id.bt_load);        pg = (ProgressBar) moreView.findViewById(R.id.pg);        handler = new Handler();

// 用map来装载数据,初始化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        mSimpleAdapter = 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(mSimpleAdapter);// 绑定监听器        lv.setOnScrollListener(this);

        bt.setOnClickListener(new OnClickListener() {

            @Overridepublic void onClick(View v) {                pg.setVisibility(View.VISIBLE);// 将进度条可见                bt.setVisibility(View.GONE);// 按钮不可见

                handler.postDelayed(new Runnable() {

                    @Overridepublic void run() {                        loadMoreDate();// 加载更多数据                        bt.setVisibility(View.VISIBLE);                        pg.setVisibility(View.GONE);                        mSimpleAdapter.notifyDataSetChanged();// 通知listView刷新数据                    }

                }, 2000);            }        });

    }

private void loadMoreDate() {int count = mSimpleAdapter.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);            }        }

    }

    @Overridepublic 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();        }

    }

    @Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {// 滑到底部后自动加载,判断listview已经停止滚动并且最后可视的条目等于adapter的条目        if (scrollState == OnScrollListener.SCROLL_STATE_IDLE                && lastVisibleIndex == mSimpleAdapter.getCount()) {// 当滑到底部时自动加载// pg.setVisibility(View.VISIBLE);// bt.setVisibility(View.GONE);// handler.postDelayed(new Runnable() {//// @Override// public void run() {// loadMoreDate();// bt.setVisibility(View.VISIBLE);// pg.setVisibility(View.GONE);// mSimpleAdapter.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条时加载剩余的)。

看下效果图:

   

   

就写这么多了,总的来说还是很简单的,但是确实非常有用的一个效果。欢迎留言交流。

转载于:https://www.cnblogs.com/noTice520/archive/2012/02/10/2345057.html

android UI进阶之实现listview的分页加载相关推荐

  1. 【Vue学习总结】22.使用Mint UI的infinite-scroll实现上拉分页加载

    接上篇<21.Vue-UI框架之Mint UI的使用> 上一篇我们讲解了Vue的UI框架Mint UI的使用,本篇我们来通过Mint UI提供的infinite-scroll组件结合api ...

  2. android UI进阶之实现listview中checkbox的多选与记录

    今天继续和大家分享涉及到listview的内容.在很多时候,我们会用到listview和checkbox配合来提供给用户一些选择操作.比如在一个 清单页面,我们需要记录用户勾选了哪些条目.这个的实现并 ...

  3. 基于Android官方AsyncListUtil优化经典ListView分页加载机制(二)

    基于Android官方AsyncListUtil优化经典ListView分页加载机制(二) 我写的附录文章1,介绍了如何使用Android官方的分页加载框架AsyncListUtil优化改进常见的Re ...

  4. Android Room联合AsyncListUtil实现RecyclerView分页加载ORM数据

    Android Room联合AsyncListUtil实现RecyclerView分页加载ORM数据 我之前写了一系列关于AsyncListUtil实现RecyclerView和ListView的分页 ...

  5. 深入理解Android Paging分页加载库

    来新公司半年多,最近一直在参与 Andorid 团队的架构升级工作.最近在图片选择库中使用了 paging 作为分页加载框架.顺便阅读了一下paging的源码.在这里记录一下. 初次接除 paging ...

  6. listView分批和分页加载数据

    在Android应用程序中,有时候会向listView中加载很多数据,向listView中加载数据是一个耗时的过程,加载过多的数据用户停留在listView上,一直等待,给用户的体验特别不好,比如向服 ...

  7. Android GridView横向滚动,分页加载数据

    转载请注明出处,谢谢http://blog.csdn.net/harryweasley/article/details/51007348 始终觉得讲ui效果要先放上效果图,要不让其他人好不容易看完了, ...

  8. android listview动态加载网络图片不显示,Android Listview异步动态加载网络图片

    Android Listview异步动态加载网络图片 详见: http://blog.sina.com.cn/s/blog_62186b460100zsvb.html 标签: Android SDK ...

  9. 分组显示的ListView分页加载数据

    参考:  http://www.cnblogs.com/qianxudetianxia/archive/2011/06/07/2074326.html 分组的ListView的拖拽  http://w ...

最新文章

  1. 软件系统非功能测试方法,非功能测试方案模板
  2. 死磕Java并发:J.U.C之AQS简介
  3. Dubbo环境搭建-管理控制台dubbo-admin实现服务监控
  4. C++中的虚函数(virtual function)
  5. oracle导出审计表,Oracle审计表AUD$处理方法
  6. html5填空题阅卷,“过五关”般严格,高考阅卷老师来自哪里?研究生参与阅卷?
  7. glassfish启动后不能进入部署页面_Spring Boot 热部署
  8. 计算机毕业设计(69)php小程序毕设作品之疫苗预约小程序系统
  9. 微信平台分账产品怎么选?
  10. java有一只兔子 从出生_Java解决题目:有一对兔子,从出生第三个月起每个月都生一对兔子,小兔子长到第三个月后,每个月又生一对兔子。。。...
  11. Prometheus源码学习(8) scrape总体流程
  12. 软考高级-信息系统管理师之质量管理(最新版)
  13. 异常、信息国际化样例
  14. e1000网卡驱动初感受
  15. Flask 新闻网站搜索功能的实现(笔记)
  16. n-gram详细介绍
  17. 人力资源管理平台数据库
  18. linux clamav定时扫描,linux-clamAV
  19. vue iview 输入银行卡号匹配开户行
  20. 全球大学AI排名发布!(人工智能领域高校实力排名)

热门文章

  1. React开发(161):onref绑定
  2. React开发(140):react中ref为dom添加ref
  3. 前端学习(3283):立即执行函数二
  4. [html] HTML5的video怎么取消自动播放?
  5. [css] 为什么float会导致父元素塌陷
  6. 工作68:子路由跳转
  7. 前端学习(2378):使用vue-cli初始目录说明
  8. “约见”面试官系列之常见面试题之第八十篇之css常见属性(建议收藏)
  9. 前端学习(2267)vue造轮子之添加icon
  10. 前端学习(1739):前端调试值之页面元素的调试技巧