2020-03-14 ListView分页加载的实现

应用场景复现,文字描述:用户手动向上滑动屏幕,一直滑动到底端,继续向上滑动,会出现加载字样和一个圆圈加载动态图标,加载片刻后,页面底端增加了展示数据,加载字样和圆圈消失了

分析:数据展示是从上到下一条一条的展示的,有很多条,向上滑动,底端会出现很多条新的数据,所以是列表形式展示数据的,实现列表展示数据的控件有很多,今天我们用最常见和普通的listView控件来实现数据的列表展示,首先你会发现,使用listView展示的列表数据最底端没有出现加载字样和圆圈,这太神奇了,是不是?不着急,我们加上不就有了吗,既然系统自带的listView控件没有底端的字样和圆圈,那我们就不能使用系统默认的listView实现这一功能了,那我们需要自定义一个底端有加载字样和圆圈的listView了,自定义控件开始了,首先,新建一个我们自己的listView名字就叫MyListView,继承自ListView,默认实现如下的几个构造函数:

public class MyListView extends ListView {

public MyListView(Context context) {

super(context);

}

public MyListView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public MyListView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

}

继承了ListView,就有ListView的列表数据展示功能,缺失的是加载字样和圆圈,我们需要在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="horizontal">

<LinearLayout

        android:id="@+id/load_layout"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:gravity="center">

<ProgressBar

            style="?android:attr/progressBarStyleSmall"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginRight="20dp" />

<TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="正在加载..."

            android:textSize="20sp" />


</LinearLayout>

</LinearLayout>

布局实现展示:

布局写出来了,那么接下来的事便是将布局添加到自定义的ListView中,如何添加,代码如下:

public class MyListView extends ListView {//implements AbsListView.OnScrollListener

//    public ILoadListener iLoadListener;

//    public int lastItem, totalItemCount;

//    Boolean isLoading=false;

    Viewfooter;

    public MyListView(Context context) {

super(context);

        initView(context);

    }

public MyListView(Context context, AttributeSet attrs) {

super(context, attrs);

        initView(context);

    }

public MyListView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

        initView(context);

    }

private void initView(Context context) {

footer = LayoutInflater.from(context).inflate(R.layout.layout_footer, null);

//        footer.findViewById(R.id.load_layout).setVisibility(View.GONE);//隐藏底布局

//        //注意,这句代码的意思是给自定义的ListView加上底布局

        this.addFooterView(footer);

      // this.setOnScrollListener(this);

    }

}

放在运行的Activity对应的布局文件中:


运行看下效果:

效果场景展现,文字描述,滑动到屏幕底端,出现了加载字样和圆圈


结合实际用户使用的场景,滑动屏幕底端,应该是没有出现加载字样和圆圈的,用户在屏幕底端继续向上滑才出现字样和圆圈,所以默认在底端的时候,这一布局是隐藏掉的,打开这句代码,就可以隐藏了:  

  footer.findViewById(R.id.load_layout).setVisibility(View.GONE);//隐藏底布局

下面我们应该继续实现的是在屏幕最底端,当用户继续向上滑动出现的场景,场景是会出现字样和圆圈,加载片刻后,字样和圆圈消失了,但是屏幕最底端往上看,发现增加了一些新的数据展示,那么这一过程如何实现,首先我们需要监听用户滑动屏幕到了最底端,然后继续滑动了,代码如下,实现监听这一功能:

1、实现这个接口和接口下的这两个方法:



实现接口下的两个方法,可以实现我们的需求,重写代码如下:



关键点在于实现上图中框住的代码:

iLoadListener对象是接口对象,onLoad()是接口下的方法,下面是定义接口,和实现接口回调,代码如下:

1、定义一个接口:


2、接口的目的是用来回调实现这句代码的:

iLoadListener.onLoad();//加载更多数据

3、接口的实现,在你运行自定义ListView的activity中,实现接口,和接口下的onLoad方法,该方法主要需要实现功能(1)、加载数据(2)、刷新在自定义listview的数据展示(3)、隐藏有加载字样和圆圈的布局footer



4、下面来实现接口的回调,整个过程是:在自定义listview控件MyListView下定义接口ILoadListener和方法onLoad,在使用自定义listview的activity下实现接口ILoadListener和方法onLoad,需要将实现后的接口对象回调给自定义listview控件MyListView中,那么我们可以在MyListView中设置一个回调函数,主要接收ILoadListener的接口对象,设置为全局变量,实现最终的这句代码,iLoadListener.onLoad();//加载更多数据:

在运行的activity中,

那么,整个接口的申明,实现,回调就完成了,好了思路完毕,onLoad方法里面的代码就没贴出来,自己去实现,最终运行效果:

默认展现五条数据


向上滑动,出现加载字样和圆圈:

加载片刻,加载字样和圆圈消失,出现新的数据:


重复向上滑动操作,又加载了新的四条数据:

好了 ,效果已实现,listview分页加载实现完毕!

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

推荐阅读更多精彩内容