19联系人列表页面.avi原创

好，接下来我们来处理一下这个联系人啊列表页面。看一下啊，就这个页面，这个页面啊，大家来分析一下。啊，这么复杂的页面显然一定不是我们做的啊，为什么一定一定不是我们做的呢？啊，要是这么复杂页面都由我们来做，那么这个拆集成环新的一直干嘛呀？啊好，那我们来看一看啊，怎么来实现这个复杂的页面。只需要在这个代码中啊，这地方。选项。联系人。列表页面啊，只需要把这个fragment改成is。UI啊，Is contest fragment之后呢，我们来运行一下看看这个效果。好，这程序运行起来了啊，来到这个联系人页面点击看看发现了什么啊，是不是好多这些东西都已经实现了啊，那么还是跟我们这个图片上呢，有些差距啊，差在哪呢？首先这个地方。

在右上角啊，这有一个加号啊，我们这没有啊，上面这搜索框呢啊，这两边都有啊，下面这个地方。啊，这是一个头部局，这面呢没有。啊，下面这个联系人列表呢，只是暂时没有联系人啊，它没有显示，后面呢会显示，那接下来我们要处理的就是这个加号和这个头啊头部局。首先做一下这个加号啊，那么布局在哪里写呢？啊在这里init。In view。那有同学说了，为什么在这个interview啊，哪来这个方法呢？那我们来看一下，我们继承这个这个fragment。来CTRL键进来，进来之后呢，再往下看啊，Base fragment，看这里这个on activity create方法里面有一个view方法，同时还有一个set view方法啊，那看一下这两方法有什么特点。

是不是都是抽象的，都是抽象的方法，嗯。好，那抽象的方法是不是就一定要实现呢？啊，那么在这个。这个fragment里啊，它已经实现了。再这个看一下啊方法啊，它这里面呢，初始化的一些view，也就是我们当前。看到这个页面啊，这些微友他进行了初始化。再下面呢是set will，也就是处理一些业务逻辑了啊好，我们先从这个。啊，布局开始在这里面首先添加这个加号。啊，这个加号那怎么添加呢。啊同学不用着不用担心啊，抬头把点set rightis s啊，然后呢，a.RI点点什么呢，就点这个加号啊，目前呢，这个加号我们还没有。

啊，这图片没有，那我们给它倒过来，上哪去找呢？来到我们这个当前的页面。这个啊，这些文件夹下面找到这个资源，第一个图片在这里面找到这个加号啊，就它，然后呢，顺便把这两页拷过来看C。来到这个主页宝下面啊，CTRLV啊，一定要选择这个htpi的OK。啊，过来之后呢，这个地方写em啊这样的这个加号就添加过来了。布局显示加号啊。接下来我们来处理这个头布局啊，为啥说这个是头布局呢啊，你可以放一个线性布局也是可以的。啊，但是呢，一般情况嗯，比较常用的是将这个布局添加到下面这个是list view中啊list view中。

那有同学说了，你怎么知道这是Li Bill啊啊，因为我们继承的是环信的EZ啊，看一下它这下面呢，有一个。这个啊，Will，这个will就是。啊，就是下面这一块一会会看到，好，那我先实现一下上面这个布局，那大家分析一下上面这个布局。啊，怎么来实现呢？是不是收益这样啊，首先这个是一个线性布局啊，垂直线性，然后呢，可以给它拆分一个，上面一个线性布局，下面还是一个线性布局啊，这个左侧呢是一个text view啊，是一个image view，右侧是一个text view，好非常简单啊，我们来接下来实现一下。头不。添加啊。添加头部局吧。

好实现一下will.inl。上下文，那就是get activity加载一个布局，2.able。拉点儿料。Layout点儿。点什么呢？头部局hier。Fragment。Contest。然后呢，后面那个啊，写个那就可以了。右键al加回车，生成这个head will。啊，生成一下，生成完之后要将这个head will添加到这个list view中点。爱的hi啊，然后将head will添加进来啊，这样就OK了。然后呢，这个布局我们还没有创建，嗯，Out加回车创建一下。

首先来处理一下这个高度啊，我们变成包裹内容。WIP。他这个是没有提示的啊，需要你自己去写。好，那下面呢，首先来一个线性布局。宽度match高度包裹内容，然后里面呢，左侧是一个一米。嗯，来一个50吧，啊谢是。50DP高度呢，同样是50DP。啊，导一下这图片src。Re，下面的em啊，第一个是friends啊，就是它，看这图片啊，就是它，然后呢，右边是一个test Bill。宽度包裹，高度包裹。

内容是什么呢？内容是好友邀请。这里大小有点小，嗯，大一点，SIZE20SP。让他居中，那就是gravity layout啊。这样呢就居中了，然后呢，我让这个整体啊，啊距上下左右多一点距离啊，那我们来处理一下这个。判定来一个10DP。啊，这样是不是好多了，然后呢，这这个test view距这个image view有点距离marin left来一个10DP。啊，这样就好了，接下来我们来处理的是下面这个群主这个信息啊，那么我肯定是不会再画了啊怎么办呢？选中按住CTRL加下。迅速生成下一个。他为什么走到这了呢？那么来看一下。

刷新一下。你是不是站错地方了？哎，把它拿出来。啊，撤销一下。再撤销一下啊，这地方啊，摆字少写了一行，然后呢，CTRL加下。这样呢就可以了，然后呢，将这图片换一下，换成什么呢？换成群主的。Group。然后呢，右侧这个文字换一下修改为群主啊群主，那大家分析一下这个页面中有哪些可以操作的空间呢。很显然经过分析啊，啊，需要两个，一个是上面这个Li out啊和下面这个Li out啊，具体里面的这个点击事件啊，我们不做处理啊，那么就需要对这两个控件进行ID的配置。

来找他ID。LL当前是联系人页面。啊，那么第一个是干嘛的呢？好友邀请啊邀请那invite in VI啊为那下面这个呢，是群主啊来一个ID。来一个。Contest。啊，群主，那就是group。格式化一下CTRL加L。好。这样呢，这个布局啊就好了，那我们运行一下啊，看看效果怎么样。啊，运行起来了，看一下这个联系人页面。诶，这个页面是不是跟我们这个啊，这个页面就一样了啊，加号有了，上面这个头布局啊也有了啊这个布局文件呢，我们就画好了。