应用场景复现，文字描述：用户手动向上滑动屏幕，一直滑动到底端，继续向上滑动，会出现加载字样和一个圆圈加载动态图标，加载片刻后，页面底端增加了展示数据，加载字样和圆圈消失了
分析：数据展示是从上到下一条一条的展示的，有很多条，向上滑动，底端会出现很多条新的数据，所以是列表形式展示数据的，实现列表展示数据的控件有很多，今天我们用最常见和普通的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分页加载实现完毕！
网友评论