ListView实现分页加载（二）实现底布局

上一篇中，我们搭建好了一个Demo。没有阅读的可以点击下面的链接：

http://www.cnblogs.com/fuly550871915/p/4866929.html

在这一篇中，我们将实现ListView的底布局。我们首先看实现效果，如下;

即底部出现一个进度条提示正在加载。废话不多说，直接进入代码。

一、底部布局编写

首先把这个底部布局编写出来，名为footer.xml。代码如下：

 <?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"

     android:gravity="center_horizontal"

    >

     <LinearLayout

         android:id="@+id/load_layout"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:gravity="center">

     <ProgressBar

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         style="?android:attr/progressBarStyleSmall"/><!-- 设置 样式成小的圆形进度条-->

     <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

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

         android:textSize="20sp"/>

     </LinearLayout>

 </LinearLayout>

这样子，底布局文件我们就准备好了。

二、自定义ListView

终于来到这一步了，我们现在要给ListView加上底布局，当然就需要自定义它了。新建类MyListView，继承自ListView。我就不多解释了，代码注释写的很清楚了。如下：

 package com.fuly.load;

 import android.content.Context;

 import android.util.AttributeSet;

 import android.view.LayoutInflater;

 import android.view.View;

 import android.widget.ListView;

 public class MyListView extends ListView{

     //注意，三个构造方法都要重写

     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 defStyle) {

         super(context, attrs, defStyle);

         initView(context);

     }

     //初始化view

     private void initView(Context context){

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

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

         this.addFooterView(footer);

     }

 }

好了，底布局我们可算是加上来了。下面就是使用我们自定义的ListView的时候了。

三、使用带底布局的ListView

这一步是最简单的，就是把之前ListView统统换成我们的MyListView即可。

首先修改activity_main.xml.如下：

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

      android:background="#ccffff">

     <com.fuly.load.MyListView

         android:id= "@+id/list_view"

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:dividerHeight="5dp"

         android:divider="#00cc00"></com.fuly.load.MyListView>

 </LinearLayout>

然后再修改MainActivity里面的即可。改动的地方很少，我还是贴出完成代码吧。如下：

 package com.fuly.load;

 import java.util.ArrayList;

 import java.util.List;

 import android.os.Bundle;

 import android.app.Activity;

 public class MainActivity extends Activity {

     private MyListView lv;

     private List<MyData>  mDatas = new ArrayList<MyData>();

     private MyAdapter mAdapter;

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         initData();//该方法初始化数据

         lv = (MyListView) findViewById(R.id.list_view);

         mAdapter = new MyAdapter(this, mDatas);

         lv.setAdapter(mAdapter);

     }

     /**

      * 该方法初始化数据，即提供初始的素材

      */

     private void initData() {

         for(int i = 0;i<12;i++){

             MyData md = new MyData("你好，我是提前设定的");

             mDatas.add(md);

         }

     }

 }

好了，至此带底布局的ListView我们实现了。赶快运行看看是不是上面的效果吧。下一篇中，我们将实现真正的加载数据。

巴特西

ListView实现分页加载（二）实现底布局

最新文章

热门文章