2018-03-23—ListView实现QQ消息列表

把生活的优质寄托于别人，一昧的祈求别人同情和怜悯，短时间可能会有所收获，但随着时间，同情和怜悯最终只会变成反感和厌恶。而真正能够改变自己命运的，只有自己努力。

你若精彩，蝴蝶自来。             ——出自青坏坏语录

---

大家还记得我们之前用BaseAdapter去实现Spinner的使用吗，其实适配器可以完成的工作不仅仅是Spinner的适配，还有很多控件都可以，比如我们今天要学习的ListView和GridView。

---

一、ListView实现列表

我们大家都玩过QQ，我们都知道在我们QQ消息栏里面都是这个样子的：

今天，我们就用ListView来实现这个效果。

我们先看看实现以后的效果：

首先我们在activity.xml文件中，创建ListView，id设为mLv。

好了，下面我们来在java代码中声明并赋值。

很简单，对吧，下面一步我们来先添加一下适配器，

我们看到他接收的是一个ListAdapter类型的参数，而BaseAdapter接收ListAdapter接口的抽象类，所以我们可以通过继承实现BaseAdapter类来自定义一个adapter（话有点绕口，多读几遍）。

我起名为TheListAdapter（你们随意）。

跟之前使用BaseAdapter实现Spinner的步骤一样，我们在TheListAdapter中创建了两个参数用于接收传递过来的上下文和集合数据。

在这里我们指定接收的数据类型为Msg类型，这个Msg类型是我自定义的类型，它是用来存储我们消息条目中的数据。

我们按照刚才的例子来做，我拿出来其中一个条目来看，他有四个数据量，最左边是图片，然后中间上面是名字，下面是消息，最右边是时间，所以很明确，我们的Msg里面有四个属性，分别是图片id、名字String、消息String、时间String（我是这么个思路，当然你可以有别的思路，同样也可以实现这个）。

里面看上去和复杂，其实很少的信息量，四个属性对应我们刚才说的四个，然后就是一个构造器和四个属性分别对应的get和set方法，很简单对吧。

我们回到TheListAdapter中，继续写我们的构造器。根据之前学过的，我们把四个方法分别改写（前三个不谈了，最后一个说一下）。

既然我们自己创建了消息类型，那么我们的layout肯定要用自己定义的布局类型，否则我们的上面的四个数据怎么显示（如果数据很简单的话，比如只有一个TextView用String输入的话，那就可以用系统内置的了，不过如果只有一个String，那就不用什么自定义消息类了，直接接受String就好，我这段话大家好好揣摩一下）。

所以我们创建一个layout，名字起为thelist_item，然后把布局设置为我们上面需要的版式，就按照这个就好。

做的还是有莫有样的是吧，其实文字和图片不用添加，（只是有时候为了看看规格是不是正好，看到如果可以的话就去掉数据源就好了），但是id一定要指定，我先声明一下我的id：

图片：head_item ，刚才忘记了，我们指定图片的长款都为40dp。

来源：name_item

信息：msg_item

时间：time_item。

接下来就很简单了，我们继续MyListAdapter适配器的编写。

信息量是不是有点大，我们慢慢来看，

首先第一行我们找到了当前的布局，我们从这个布局中分别获取对应的id，并且分别转换成对应的类型，

然后开始添加数据，而数据的来源就是mList，我们从mList得到对应位置的Msg，并且将对应类型的数据获取、添加到对应控件中。

最后别忘记return convertVIew。

所以上面这段代码现在看着很清楚了吧，我们创建了一个ArrayList数据来传入适配器，然后将适配器传入mLv中。

现在我们要做的最后一步就是添加假数据：

我从网上找到了7个logo图标，我将它添加到项目中。

好了，我们最后的假数据也添加好了，现在我们开始跑一下程序。

有点不太美观，不要紧，我们来调整一下间距就好。

好了， 现在看着是不是舒服多了，大家现在应该会自己来通过ListView写一个消息列表了吧。