【RecyclerView与Glide】实现一个Android电子书阅读APP，gliderecyclerview

【RecyclerView与Glide】实现一个Android电子书阅读APP，gliderecyclerview

http://www.cnblogs.com/xfangs/

欢迎在本文下方评论，小方很需要鼓励支持！！！

本系列教程仅供学习交流

小说阅读器最终实现效果见 第一篇博文

前言

在上一篇文章中，我们实现了ViewPager的基本功能，按照计划，制作咱们的电子书阅读app需要使用ViewPager插入两页视图，一个用来显示当前书架，一个用来展示不同的分类。这一节，我们将在被标记为find的页面上实现分类选项。

涉及组件或框架：RecyclerView、Glide

首先·布局

同样的，在这里，小方因为水平有限只能简单介绍RecyclerView的基本使用方法，涉及到更深奥的操作部分，就无能为力了。

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical" android:layout_width="match_parent"
 4     android:layout_height="match_parent">
 5 
 6     <android.support.v7.widget.RecyclerView
 7         android:id="@+id/recyler_view_find_book"
 8         android:layout_margin="8dp"
 9         android:layout_width="match_parent"
10         android:layout_height="match_parent"/>
11 
12 </LinearLayout>

没有复杂的步骤，我们只需要把RecyclerView加入到之前ViewPager的两个布局之一中，就完成了整个列表布局。

当然，你也许会遇到一些意外。

这是说明我们还没有引入RecyclerView这个库，进入Design界面，从左边的组件中找到RecyclerView，单击，将会弹出选择框。

在加入了库之后，我们就能看到RecyclerView正确无误的显示在界面上了。

适配器

这次我们工作的主战场在上一节提到的Fragment，也就是ViewPager的两个页面之一。

回顾一下代码。

 1     public static class FindBooksFragment extends Fragment {
 2 
 3         public FindBooksFragment() {
 4         }
 5 
 6         @Override
 7         public View onCreateView(final LayoutInflater inflater, ViewGroup container,
 8                                  Bundle savedInstanceState) {
 9 
10             View rootView = inflater.inflate(R.layout.pager_book_find, container, false);
11 
12             return rootView;
13         }
14 
15     }

之前说了，ViewPager会在创建这个页面的时候调用onCreateView这个函数，所以我们在这里进行初始化操作。

在这之前，我们需要先完成RecyclerView的适配器，同样的，这里适配器起到将数据和页面结合到一起的作用，具体地说，假设一个列表中的项目可以分为三类，我们就为这三类元素分别设计布局，然后将每一项的数据传给适配器，适配器可以根据数据选择对应的布局，然后把每一项显示出来。

首先，新建一个类。

关于RecyclerView的适配器，网络上已经有很多博客描述了， 随意找一篇看的过去的文章，先大体了解一下。

。。。搜索时间。。。

了解过后，我们知道需要为列表项写布局，这在前面也间接提到了。

那么，新建一个布局文件

book_find_item.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="http://schemas.android.com/tools"
 4     android:id="@+id/bookFind_cardview"
 5     android:layout_width="match_parent"
 6     android:layout_height="wrap_content"
 7     android:layout_margin="4dp"
 8     android:foreground="?android:attr/selectableItemBackground"
 9     android:clickable="true">
10 
11     <ImageView
12         android:id="@+id/bookFind_image"
13         android:layout_width="match_parent"
14         android:layout_height="150dp"
15         android:scaleType="centerCrop"
16         tools:src="@color/cardview_dark_background"/>
17 
18     <TextView
19         android:id="@+id/bookFind_class"
20         android:layout_width="match_parent"
21         android:layout_height="match_parent"
22         android:background="#00000000"
23         android:textColor="#FFFFFF"
24         android:textStyle="normal|bold"
25         android:textSize="14sp"
26         android:gravity="center"
27         tools:text="123"/>
28 
29 </android.support.v7.widget.CardView>

 在这里，我们又使用了一个新的组件，CardView，它体现了安卓最新设计风格，恰到好处的圆角、逼真的阴影、点击特效、等等，有多种属性可供调整。

尤其要说的是上面代码中加粗的字体，一个新的命名空间 tools ，在使用它之前，我们首先要在最外层的部件上声明。

只要打出前面几个字母，android studio 就会自动补全好。

tools 命名空间提供了测试的效果，以他为名号的属性在程序运行期间是被忽略的，只供测试预览使用，使得开发更加方便了。下图就是我们预览时得到的效果，

当程序运行起来时， 还会是如图所示的样子吗？

（必然不是）

制作好了布局文件，我们就可以开始对适配器进行编写了。

首先制作一个接口，用来获取点击事件。