hello,又见面了,前面一篇文章我说的,蚊子会变成灰机,那么现在如何用大炮去打这个灰机呢?
因为需求的增加,我们需要显示头像,并且要在点击人员后进入人员信息界面。那么在之前的代码基础上就可以很简单轻松的办到。
那么这篇文章会讨论如何去加载头像,以及实现child的点击事件,那么先加载咱们的头像吧
1. 加载头像
这个实现起来是真的很简单,我们只需要简单的修改一下bean对象以及item布局和适配器然后在数据初始化哪里把头像参数写进去就OK
1.1 准备要显示的头像
因为是demo,然后作者比较懒,于是只准备了一张头像,让所有人员都加载那一张头像。
so,当当的,头像在此


1.2 修改bean数据
找到存姓名数据的那个ItemBean,修改之,新增一个变量存头像数据

1.3 修改item布局

关于布局就没什么好说的了,就是个水平布局,然后新增了一个ImageView用来显示头像
1.4 修改适配器
就先找到MyExAdapter适配器,然后修改它的getChildView方法,在这个方法里把数据填充到布局中

1.5 在数据初始化哪里填充头像数据
找到我们创建的initData方法,修改一下

1.6 编译运行一下看看

完美,成功显示头像,OK,接下来就是监听点击事件
2. 监听child的点击事件
因为我懒的关系,就不新建Activity了,也不为人员信息再新增简述信息了,就弹出一个Toast,提示用户点击了谁

这里最常用的就是两个指针和parent了,指针帮助我们定位用户点击了那个分类的那条信息,parent为我们提供Context上下文环境,我们打开新的页面,或者显示提示框,或者就像我这样一个Toast都需要Context参数
所以我们的代码就是利用了这个指针从childList取出相应的人员bean,其实这一块我在前面一章有写过,所以应该不难理解。
在Toast.makdeText()方法里也需要Context,所以我写的parent.getContext()。
2.1 编译运行看看

看,当蚊子变成灰机的时候,我们的大炮还是可以应付自如哈
网友评论