android ListView结合xutils3仿微信实现下拉加载更多

前言:最近涉及到和QQ打交道,定义所有的好友一共只能有300条消息,如果一次性从数据库读取300条或者更多,界面会有细微的卡顿.所以考虑了下分页,第一次进来只显示20条(仿微信),当用户滑到第一条后,如果数据库有消息,则再加载20条.

步骤-问把大象关冰箱,总共分几步?

1.自定义absListview.scrollListerner

核心的东西是监听ListView的scrollListerner,这里采取拿来主义 原文连接找不到了,如果原作者看到,请联系青楼爱小生,将您的文章链接更新出来 ,网上扒了一个挺不错的,大家用的时候实现这个scrollListerner,完善自己的逻辑即可

public class MyOnScrollListener implements OnScrollListener {
 private int totalItemCount;
  //ListView最后的item项
  private int lastItem;
  //listview第一项
  private int firstItem;
  //用于判断当前是否在加载
  private boolean isLoading;
  //底部加载更多布局
  private View footer;
  //接口回调的实例
  private OnloadDataListener listener;

  //数据
  private List<MsgBean> data;
  Handler handler = new Handler();

  public MyOnScrollListener(View footer, List<MsgBean> data) {
  this.footer = footer;
  this.data = data;
  }
  //设置接口回调的实例
  public void setOnLoadDataListener(OnloadDataListener listener) {
  this.listener = listener;
  }
  /**
  * 滑动状态变化
  *
  * @param view
  * @param scrollState 1 SCROLL_STATE_TOUCH_SCROLL是拖动 2 SCROLL_STATE_FLING是惯性滑动 0SCROLL_STATE_IDLE是停止 , 只有当在不同状态间切换的时候才会执行
  */
  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {
  //如果数据没有加载,并且滑动状态是停止的,并且滚到了第一个item,可在此做下拉更新或者上拉更新的判断
  if (!isLoading && firstItem == 0 && scrollState == SCROLL_STATE_IDLE) {
   //显示加载更多
   footer.setVisibility(View.VISIBLE);

   //模拟一个延迟两秒的刷新功能
   handler.postDelayed(new Runnable() {
   @Override
   public void run() {
    if (listener != null) {
    //开始加载更多数据
    loadMoreData();
    //回调设置ListView的数据
    listener.onLoadData(data);
     //加载完成后操作什么
    loadComplete();
    }
   }
   }, 2000);
  }
  }
  /**
  * 当加载数据完成后,设置加载标志为false表示没有加载数据了
  * 并且设置底部加载更多为隐藏
  */
  private void loadComplete() {
  isLoading = false;
  footer.setVisibility(View.GONE);

  }
  /**
  * 开始加载更多新数据,这里每次只更新三条数据
  */
  private void loadMoreData() {
  isLoading = true;
  MsgBean msg = null;
  for (int i = 0; i < 3; i++) {
   msg = new MsgBean();
   msg .setRemark("Liming"+i);
   msg .setMsgID(i);
   data.add(stu);
  }
  }
  /**
  * 监听可见界面的情况
  *
  * @param view  ListView
  * @param firstVisibleItem 第一个可见的 item 的索引
  * @param visibleItemCount 可以显示的 item的条数
  * @param totalItemCount 总共有多少个 item
  */
  @Override
  public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  //实现下拉加载
  lastItem = firstVisibleItem + visibleItemCount;
   //实现上拉加载
  firstItem = firstVisibleItem;
   //总listView的item个数
  this.totalItemCount = totalItemCount;
  }
  //回调接口
  public interface OnloadDataListener {
  void onLoadData(List<MsgBean> data);
  }
  }

2.实现此接口

public class ListPageActivity extends Activity implements MyOnScrollListener.OnloadDataListener {
 @Override
  protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_list_page);

  //显示到ListView上
  showListView(data);
 //自定义的滚动监听事件
  MyOnScrollListener onScrollListener = new MyOnScrollListener(header, data);
  //设置接口回调
  onScrollListener.setOnLoadDataListener(this);
  //设置ListView的滚动监听事件
  mListView.setOnScrollListener(onScrollListener);

 @Override
  public void onLoadData(List<MsgBean> data) {
  //加载数据完成后,展示数据到ListView
  showListView(data);
  }
}

showListView里面无疑是普通的更新adapter的工作

那么我们如何借助xutils的数据库进行分类呢?

3.利用xutils数据库操作进行分页处理

首先,我们理一下思路,上面我们已经实现了上拉的回调,在此回调中把新来的数据加载到adapter即可.

下文db是Dbmanager的实例

/**
 * 当前屏幕显示的消息数量
 */
private int MAX_MSG_NUMBER = 20;
private List<MsgBean> getDataFromDb() {

  List<?> dbSize = db.selector(MsgBean.class).where(WhereBuilder.b("id", "=", 400)).findAll();//记得捕获null指针和DbException异常
//如果数据库比我们显示的页数小,则不偏移,否则,偏移到我们需要显示的位置
  if (dbSize.size() < MAX_MSG_NUMBER) {
   indexOffset = 0;
  } else {
   indexOffset = dbSize.size() - MAX_MSG_NUMBER;
  }

  List<MsgBean> datas = db.selector(MsgBean.class).where(WhereBuilder.b("id", "=", 400)).limit(MAX_MSG_NUMBER)
     .offset(indexOffset).findAll();
  return datas;
 }

这里解释一下

db.selector(MsgBean.class).where(WhereBuilder.b("id", "=", 400)).limit(MAX_MSG_NUMBER).offset(indexOffset).findAll();是我们实现分页的关键

.limit是我们定义的分页大小

.offset偏移量,我们数据库的大小是不变的,如果不定义偏移量,那么我们定义的分页大小每次只从0取到19.假设数据库中有21条数据,那么我们需要从1取到20,而不是0到19,所以偏移1.

然后我们在loadMoreData中

MAX_MSG_NUMBER += MAX_MSG_NUMBER;
getDataFromDb();

将大小自加,即完成加载更多的功能,在onLoadData(List<MsgBean> data)中加载数据即可.

后面贴上我对xutils数据库操作的封装,还有很多不完善之处

/**
 * 数据库 xutils用法
 * @author 青楼爱小生
 */
public class DbUtil {
 private static final String TAG = DbUtil.class.getName();
 private static DbUtil dbUtil;
 private DbManager db;
 private DbUtil(){
  db = x.getDb(MyApplication.getInstance().daoConfig);
 }
 public static DbUtil getInstance(){
  if(dbUtil == null){
   synchronized (DbUtil.class) {
    if(dbUtil == null){
     dbUtil = new DbUtil();
    }
   }
  }
  return dbUtil;
 }
 /**
  * 增加数据
  * @param list
  * @throws DbException
  */
 public void addMsgList(List<MsgBean> list) {
  try {
   db.saveOrUpdate(list);
  } catch (DbException e) {
   e.printStackTrace();
   LogHelper.e(TAG, e.getMessage());
  }
 }
 /**
  * 增加一条数据
  * @param node
  * @throws DbException
  */
 public void addMsgToDb(MsgBean node) {
  try {
   db.saveOrUpdate(node);
  } catch (DbException e) {
   e.printStackTrace();
   LogHelper.e(TAG, e.getMessage());
  }
 }
 /**
  * 删除表中所有数据
  * @param cls 创建的表的映射
  * @throws DbException
  */
 public void deleteAll(Class cls) {
  try {
   db.delete(cls);
  } catch (DbException e) {
   LogHelper.e(TAG, e.getMessage());
   e.printStackTrace();
  }
 }
 /**
  * 删除第一条数据
  * @param cls
  */
 @SuppressWarnings("unchecked")
 public void deleteFirst(Class cls){
  try {
   db.delete(db.findFirst(cls));
  } catch (DbException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
 }
 /**
  * 查询表中所有数据
  * @throws DbException
  */
 @SuppressWarnings("unchecked")
 public List<?> findAll(Class cls) {
  try {
   return db.findAll(cls) == null ? Collections.emptyList() : db.findAll(cls);
  } catch (DbException e) {
  e.printStackTrace();
   LogHelper.e(TAG, e.getMessage());
   return Collections.emptyList();
  }
 }
 /**
  * //添加查询条件进行查询
  List<ChildInfo> all = db.selector(ChildInfo.class).where("id",">",2).and("id","<",4).findAll();
  * @return 搜索指定条件的数据
  */
  @SuppressWarnings("unchecked")
 public List<?> findDataByWhere(Class cls,WhereBuilder format){
  try {
   return db.selector(cls).where(format).findAll()== null ?
     Collections.emptyList() :db.selector(cls).where(format).findAll();
  } catch (DbException e) {
  LogHelper.e(TAG, e.getMessage());
   e.printStackTrace();
   return Collections.emptyList();
  }

 }
 /**
  * 添加查询条件进行查询
  * @param cls 表映射
  * @param str select语句
  * @param format where语句
  * @return List<DbModel> DbModel key为数据库列名 value为值
  * eg:(Selector.from(Parent.class)
         .where("id" ,"<", 54)
         .and(WhereBuilder.b("age", ">", 20).or("age", " < ", 30))
         .orderBy("id")
         .limit(pageSize) .offset(pageSize * pageIndex));
  *
  *
  *
  */
  @SuppressWarnings("unchecked")
 public Selector<?> findDataBySelector(Class cls,WhereBuilder format){
  try {
   return db.selector(cls).where(format);
  } catch (DbException e) {
  // TODO Auto-generated catch block
   e.printStackTrace();
  }
  return null;
 }

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

  • Android ListView下拉刷新上拉自动加载更多DEMO示例

    代码下载地址已经更新.因为代码很久没更新,已经很落伍了,建议大家使用RecyclerView实现. 参考项目: https://github.com/bingoogolapple/BGARefreshLayout-Android https://github.com/baoyongzhang/android-PullRefreshLayout 下拉刷新,Android中非常普遍的功能.为了方便便重写的ListView来实现下拉刷新,同时添加了上拉自动加载更多的功能.设计最初是参考开源中国的And

  • Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

    RecyclerView 已经出来很久了,但是在项目中之前都使用的是ListView,最近新的项目上了都大量的使用了RecycleView.尤其是瀑布流的下拉刷新,网上吧啦吧啦没有合适的自己总结了一哈. 先贴图上来看看: 使用RecyclerView实现上拉加载更多和下拉刷新的功能我自己有两种方式: 1.使用系统自带的Android.support.v4.widget.SwipeRefreshLayout这个控价来实现. 2.自定义的里面带有RecyleView的控件. 使用RecycleVie

  • Android ListView实现上拉加载更多和下拉刷新功能

    本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式 界面缓存:ViewHolder+convertView 分页加载:上拉刷新 图片缓存 快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现 当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsLi

  • Android下拉刷新上拉加载控件(适用于所有View)

    前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的

  • Android实现上拉加载更多以及下拉刷新功能(ListView)

    首先为大家介绍Andorid5.0原生下拉刷新简单实现. 先上效果图: 相对于上一个19.1.0版本中的横条效果好看了很多.使用起来也很简单. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" and

  • Android使用recyclerview打造真正的下拉刷新上拉加载效果

    前言 前段时间需要用到recyclerview,就想找个封装好的下拉刷新,上拉加载的库,结果愣是没找到,便自己写了一个. 注意:我说的是"上拉加载",不是滑到底部自动加载. 虽然现在自动加载是主流和趋势,但也不排除有时候就需要用到上拉加载啊,毕竟林子大了,什么样的产品经理都有对吧. 代码写好后,准备发布到bintray的时候,向同事征求这个项目的名字,同事说:"就叫DZTRecyclerview!" 不解,同事解释:"叼炸天Recyclerview!&qu

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android实现仿慕课网下拉加载动画

    具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂: 这里为了让这个动画效果可被复用,于是就继承了ImageView 去实现某些方法 package com.example.loading_drawable; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Log;

  • android ListView结合xutils3仿微信实现下拉加载更多

    前言:最近涉及到和QQ打交道,定义所有的好友一共只能有300条消息,如果一次性从数据库读取300条或者更多,界面会有细微的卡顿.所以考虑了下分页,第一次进来只显示20条(仿微信),当用户滑到第一条后,如果数据库有消息,则再加载20条. 步骤-问把大象关冰箱,总共分几步? 1.自定义absListview.scrollListerner 核心的东西是监听ListView的scrollListerner,这里采取拿来主义 原文连接找不到了,如果原作者看到,请联系青楼爱小生,将您的文章链接更新出来 ,

  • ASP.NET仿新浪微博下拉加载更多数据瀑布流效果

    闲来无事,琢磨着写点东西.貌似页面下拉加载数据,瀑布流的效果很火,各个网站都能见到各式各样的展示效果,原理大同小异.于是乎,决定自己写一写这个效果,希望能给比我还菜的菜鸟们一点参考价值. 在开始之前,先把实现的基本原理说一下.当夜幕下拉到底部的时候,js可以判断滚动条的位置,到达底部触发js方法,执行jquery的ajax方法,向后台一般处理程序夜幕ashx文件请求数据源,得到json格式的数据源.然后,遍历json数据源,拼接一个li标签,再填充到页面上去. 首先,我们来做个简单的html页面

  • 微信小程序实现下拉加载更多商品

    本文实例为大家分享了微信小程序下拉加载更多商品的具体代码,供大家参考,具体内容如下 1. source code <view class='goods'> <view class='good' wx:for="{{ goodslist }}" wx:key='index'> <view class='pic'> <image src='{{ item.imgUrl }}'></image> </view> <

  • jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,网上提供了实现这种效果的第三方类(详情请见MJRefresh和EGOTableViewPullRefresh),用起来很方便,但是闲暇之余,我们可以思考下,这种效果实现的原理是什么,我以前说过,只要是动画都是骗人的,只要不是硬件问题大部分效果都能在系统UI的基础上做出来. 下面通过jQuery手机端上拉下拉刷新页面代码,很像QQ空间客户端或者微信下拉刷新页面特效代码. 请看下面效果图: 在线预览    源码下载 html代码: <div

  • Vue实现下拉加载更多

    熟悉Element-UI的开发者可能都会有这样的经历,它的无限滚动 InfiniteScroll 并不好用,下面介绍两种下拉加载的实现方法: 1. 使用el-table-infinite-scroll 插件 (1). 安装插件 npm install --save el-table-infinite-scroll (2). 全局引入并注册 // main.js import elTableInfiniteScroll from 'el-table-infinite-scroll'; Vue.us

  • jQuery+AJAX实现无刷新下拉加载更多

    随着互联网时代的发展,web前端已经和后台数据挂钩,作为web前端仅仅不是只切图写写html,css  和简单js交互. js  code $(function() { var page = 1; var discount = $('#discount'); var innerHeight = window.innerHeight; var timer2 = null; $.ajax({ url: '/lightapp/marketing/verify/apply/list?page=1', t

  • android使用PullToRefresh框架实现ListView下拉刷新上拉加载更多

    本文实例为大家分享了Android实现ListView下拉刷新上拉加载更多的具体代码,供大家参考,具体内容如下 其实谷歌官方目前已经推出ListView下拉刷新框架SwipeRefreshLayout,想了解的朋友可以点击 android使用SwipeRefreshLayout实现ListView下拉刷新上拉加载了解一下: 大家不难发现当你使用SwipeRefreshLayout下拉的时候布局文件不会跟着手势往下滑,而且想要更改这个缺陷好像非常不容易. 虽然SwipeRefreshLayout非

  • Flutter listview如何实现下拉刷新上拉加载更多功能

    目录 下拉刷新 RefreshIndicator 上拉加载更多 总结: 下拉刷新 在Flutter中系统已经为我们提供了google material design的刷新功能 , 样式与原生Android一样. 我们可以使用RefreshIndicator组件来实现Flutter中的下拉刷新,下面们还是先来看下如何使用吧 RefreshIndicator 构造方法: const RefreshIndicator({ Key key, @required this.child, this.disp

  • Vue记住滚动条和实现下拉加载的完美方法

    滚动条 常见于移动端 App 在滚动点击进入的时候 问题描述 当我们在开发 web app 的时候,经常会遇到一个问题,就是当从一个可滚动的列表页进入到下一个详情页面,然后返回列表页面的时候,很难去还原滚动条的状态,无法记住进来时候的位置. 以前我尝试过很多方法: 有 vue-router 自带的 scrollBehavior,需要记住 scrollTop,然后还原,但是管理这个 scrollTop 显得很麻烦,有的时候还不容易取值还有使用纯 CSS 的方式,在列表页面放置一个 router-v

随机推荐