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的实例,可参考xutils3用法

/**
 * 当前屏幕显示的消息数量
 */
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;
    }
        
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,857评论 25 707
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,741评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 解决java.lang.SecurityException: Invalid signature file dig...
    sanfen阅读 27,553评论 1 7
  • 今天我看了一本叫《格林童话》的书,我看的小故事的名字叫《小矮人的礼物》。 我看了,《小矮人的礼物》...
    o姜佳欣o阅读 1,311评论 0 0