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

2022-07-06 20:39:45 浏览数 (1)

大家好,又见面了,我是全栈君。

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

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

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

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

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

首先,写一个xml文件。moredata.xml,该文件即定义了放在listview底部的视图:

代码语言:javascript复制
<?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的视图。

代码语言:javascript复制
<?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的代码,在里面实现分页效果。

代码语言:javascript复制
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的,但确实是一个很实用的效果。欢迎信息交换。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/116677.html原文链接:https://javaforall.cn

0 人点赞