利用PlaceHolderVidew库编写无限列表

利用PlaceHolderVidew库编写无限列表

首先来看一下效果图，以下就是我设想要做的事。

本次实验目标概述：

1、编写一个json文件里面存放学生的信息，该源将模拟从Internet加载json数据，然后填充到列表项中。

2、当应用程序模拟获取网络数据的时候，列表才会在底部显示加载视图。

3、我们将从Internet中用URL加载图形并将其设置到视图显示中，这里使用了Glide库。

4、json数据将会在应用程序中不断给予学生信息，形成无限列表。

本实验基于安卓PlaceHolderView库，该库具有InfinitePlaceHolderView类能够帮助实现本次设想。

PlaceHolderView库提供5种不同类型的视图

1. PlaceHolderView
   它建立在RecyclerView之上，并抽象了大多数样板。它通过注释提供API。
2. InfinitePlaceHolderView
   它基于PlaceHolderView构建，并添加了在用户滚动到列表底部时处理加载更多视图的功能。
3. ExpandablePlaceHolderView
   它基于PlaceHolderView构建，并创建具有父类与子类关系的ExpandableListView。
4. SwipePlaceHolderView
   它不是基于RecyclerView构建的。这是一个全新的实现。我们可以使用此类创建各种卡堆叠视图。它提供了可以轻松构建Tinder类的API。
5. SwipeDirectionalView
   它建立在SwipePlaceHolderView之上。它提供滑动方向和触摸事件的回调。

本次实验用到其中的InfinitePlaceHolderView库，此类基于PlaceHolderView。它定义了更多加载回调和加载视图的方法。

---

让我们开始构建：

步骤1：数据准备及获取联网权限

在android studio中设立一个新项目。

在*build.gradle中*添加依赖项。

android {
    ...
    sourceSets {
        main {
            assets.srcDirs = ['src/main/assets', 'src/main/assets/']
            res.srcDirs = ['src/main/res', 'src/main/res/drawable']
        }
    }
}

dependencies {
    ...
    compile 'com.mindorks:placeholderview:0.7.1'
    compile 'com.android.support:cardview-v7:25.3.1'
    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.google.code.gson:gson:2.7'
}

在src/main目录中创建一个文件夹assets，用来存放json文件（内有学生信息），

在 mainfests中的AndroidManifest.xml中添加Internet权限，没有该权限不能访问因特网。

< users-permission  android ：name = “ android.permission.INTERNET ” />

加在<application .... </application>的后面即可。

笔记：

什么是JSON：JSON即JavaScript Object Natation, 它是一种轻量级的数据交换格式, 与XML一样, 是广泛被采用的客户端和服务端交互的解决方案.

步骤2：创建src/layout/activity_main.xml

该xml定义了列表的布局，设置列表的布局的整体方向为垂直方向。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <com.mindorks.placeholderview.InfinitePlaceHolderView
        android:id="@+id/loadMoreView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

步骤3：创建 src/layout/load_more_item_view.xml

该xml定义了列表的每一项的布局。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="4dp"
    app:cardElevation="1dp"
    android:layout_margin="5dp"
    app:cardBackgroundColor="@android:color/holo_blue_dark">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height&#