• Android开发ListView使用OnScrollListener实现分页加载数据


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

    还有个问题,当用户从网络上读取微薄的时候。假设一下子所有载入用户未读的微薄这将耗费比較长的时间,造成不好的用户体验,同一时候一屏的内容也不足以显示如此多的内容。这时候,我们就须要用到还有一个功能,那就是listview的分页了。

    通过分页分次载入数据,用户看多少就去载入多少。

    通常这也分为两种方式,一种是设置一个button。用户点击即载入。还有一种是当用户滑动究竟部时自己主动载入。

    今天我就和大家分享一下这个功能的实现。

    首先,写一个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
    ="载入很多其它数据" />
    <ProgressBar
    android:id="@+id/pg"
    android:layout_width
    ="wrap_content"
    android:layout_height
    ="wrap_content"
    android:layout_gravity
    ="center_horizontal"
    android:visibility
    ="gone"
    />
    </LinearLayout>

    复制代码

    能够看到是一个button和一个进度条。

    由于仅仅做一个演示,这里简单处理,通过设置控件的visibility,未载入时显示button。载入时就显示运行进度条。

    写一个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" >

    <TextView
    android:id="@+id/tv_title"
    android:textSize
    ="20sp"
    android:layout_width
    ="wrap_content"
    android:layout_height
    ="wrap_content"
    android:layout_marginTop
    ="5dp"
    />
    <TextView
    android: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. */
    @Override
    public 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() {

    @Override
    public void onClick(View v) {
    pg.setVisibility(View.VISIBLE);// 将进度条可见
    bt.setVisibility(View.GONE);// button不可见

    handler.postDelayed(new Runnable() {

    @Override
    public 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);
    }
    }

    }

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

    }

    @Override
    public 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);

    }

    }

    }
    复制代码

    通过凝视。大家应该非常easy理解了。这里做下简单的解析。首先要注意的是。addFootView方法一定要在setAdapter方法之前。否则会无效。

    addFootView方法为listview底部增加一个视图,在本例中就是那个Button加progressbar的视图。当用户点击button时。调用loadmoreDate方法,为listview绑定很多其它的数据。通过adapter的notifyDataSetChanged方法通知listview刷新,显示刚增加的数据。

    这里用handler异步延迟2秒操作。模仿载入过程。

    同一时候listview绑定了onScrollListener监听器。而且实现了onScroll和onScrollStateChanged方法。

    在后者方法中。我们通过推断listview已经停止滚动而且最后可视的条目等于adapter的条目,能够知道用户已经滑动究竟部而且自己主动载入,代码中将这部分代码凝视掉了,大家能够自己试下。

    代码中还增加了一个MaxDateNum变量,用来记录最大的数据数量。

    也就是说网络或者其它地方一共的数据。

    通过onScroll方法推断用户载入完这些数据后。移除listview底部视图,不让继续载入。

    同一时候在loadmoreDate方法中也对最大数据量做对应的操作来推断载入数量。(默认载入5条。不足5条时载入剩余的)。

    看下效果图:

       

       

     

     

    写了这么的,总的来说还是很easy的,但确实是一个很实用的效果。欢迎信息交换。

  • 相关阅读:
    使用::befor和::after伪元素在网站中添加图标
    使用LESS对CSS进行预处理
    window.innerWidth和document.body.clientWidth的区别
    javascript原型链继承
    javascript中的类型检测
    ASP.NET网站报Service Unavailable错误的解决办法
    在ASP.NET MVC中使用UEditor无法提交的解决办法
    EasyUI DataGrid设置列宽为百分比导致表头和内容错位的解决方法
    使用JS读取本地文本文件(兼容各种浏览器)
    美化上传文件按钮
  • 原文地址:https://www.cnblogs.com/yxwkf/p/5043690.html
Copyright © 2020-2023  润新知