Android中使用Expandablelistview实现微信通讯录界面

之前的博文《Android 中使用ExpandableListView 实现分组的实例》我简单介绍了使用ExpandableListView实现简单的好友分组功能，今天我们针对之前的所做的仿微信APP来对ExpandableListView做一个扩展介绍，实现效果如下（通讯里使用ExpandableListView实现）：

相关知识点博文链接：

Android 中使用ExpandableListView 实现分组的实例

详解Android中fragment和viewpager的那点事儿

详解Android中ListView实现图文并列并且自定义分割线（完善仿微信APP）

正常使用ExpandableListView的思路如下：

（1）要给ExpandableListView 设置适配器，那么必须先设置数据源。

（2）数据源，就是此处的适配器类ExpandableAdapter，此方法继承了BaseExpandableListAdapter ，它是ExpandableListView的一个子类。需要重写里面的多个方法。方法的意思，代码中都有详细的注释。数据源中，用到了自定义的View布局，此时根据自己的需求，来设置组和子项的布局样式。getChildView()和getGroupView()方法设置自定义布局。
（3）数据源设置好，直接给 ExpandableListView.setAdapter()即可实现此收缩功能。

但本次实现除以上实现步骤之外，还需要注意的有以下几点：

（1）首次加载ExpandableListView需要默认全部展开，使用以下方法：

在给ExpandableListView 设置适配器后，添加以下代码：

 //Group.size()为组名个数，如果为数组存储则为group、length
 for (int i = 0; i < Group.size(); i++) { 
 expandableListView.expandGroup(i); 
 } 

提醒：加载前别忘了判断adapter是否为空和有没有Group数据哦

（2）保持ExpandableListView始终展开无法收缩

expandableListView.setOnGroupClickListener(new OnGroupClickListener() {
 @Override
 public boolean onGroupClick(ExpandableListView parent, View v,
 int groupPosition, long id) {
 return true;//返回true则表示无法收缩
 }
});

（3）取消通讯录上方的groupName空间

微信通讯录中“新的朋友”，“群聊”，“标签”，“公众号”，作为一个整体自定义布局添加到ExpandableListView中，详情见以下代码实现

（4）修改ExpandableListView的分割线

大概思路就是这样，现在开始整体实现代码的演示：

第一步：layout中通讯录整体布局contactfragment.xml:

其实就是一个ExpandableListView，添加android:divider ="#FFFFFF"取消自带分割线

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/fragmentback">
 <ExpandableListView
 android:id="@+id/contact_list"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_alignParentTop="true"
 android:layout_alignParentStart="true"
 android:divider ="#FFFFFF"/>
</LinearLayout>

第二步：layout中组名（groupName）的布局文件contact_list_group_item.xml：

注意设置间距，保证美观且尽量与微信一致

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/fragmentback">
 <TextView
 android:text="TextView"
 android:textSize="20sp"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginLeft="10dp"
 android:gravity="center_vertical"
 android:id="@+id/group_tv" />
</LinearLayout>

第三步：layout中ExpandableListView中每个item的布局文件contact_list_item.xml：

这里添加了自定义分割线

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <LinearLayout
 android:background="@color/colorwhite"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">
 <LinearLayout
 android:paddingLeft="10dp"
 android:paddingTop="5dp"
 android:paddingBottom="5dp"
 android:gravity="center_vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
 android:id="@+id/contact_item_iv"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
android:src="@mipmap/default_fmessage"
 android:adjustViewBounds="true"
 android:maxWidth="35dp"/>
 <TextView
 android:id="@+id/contact_item_tv"
 android:layout_margin="10dp"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="新的朋友"/>
 </LinearLayout>
 <View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
android:background="@color/fragmentback"/>
 </LinearLayout>
</LinearLayout>

第四步：layout中ExpandableListView中的头布局contact_list_title.xml（不需要groupName）

我们观察微信通讯录布局中“新的朋友”，“群聊”，“标签”，“公众号”上方直接为微信的顶部导航，不存在ExpandableListView一贯的组名布局，这里我们将“新的朋友”，“群聊”，“标签”的布局单独实现：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <LinearLayout
 android:background="@color/colorwhite"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">
 <LinearLayout
 android:paddingLeft="10dp"
 android:paddingTop="5dp"
 android:paddingBottom="5dp"
 android:gravity="center_vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/default_fmessage"
 android:adjustViewBounds="true"
 android:maxWidth="35dp"/>
 <TextView
 android:layout_margin="10dp"
 android:layout_width="0dp"
android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="新的朋友"/>
 </LinearLayout>
 <View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
android:background="@color/fragmentback"/>
 <LinearLayout
 android:paddingLeft="10dp"
 android:paddingTop="5dp"
 android:paddingBottom="5dp"
 android:gravity="center_vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/default_chatroom"
 android:adjustViewBounds="true"
 android:maxWidth="35dp"/>
 <TextView
 android:layout_margin="10dp"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="群聊"/>
 </LinearLayout>
 <View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
android:background="@color/fragmentback"/>
 <LinearLayout
 android:paddingLeft="10dp"
 android:paddingTop="5dp"
 android:paddingBottom="5dp"
 android:gravity="center_vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/default_contactlabel"
 android:adjustViewBounds="true"
 android:maxWidth="35dp"/>
 <TextView
 android:layout_margin="10dp"
 android:layout_width="0dp"
android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="标签"/>
 </LinearLayout>
 <View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
android:background="@color/fragmentback"/>
 <LinearLayout
 android:paddingLeft="10dp"
 android:paddingTop="5dp"
 android:paddingBottom="5dp"
 android:gravity="center_vertical"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">
 <ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/default_servicebrand_contact"
 android:adjustViewBounds="true"
 android:maxWidth="35dp"/>
 <TextView
 android:layout_margin="10dp"
 android:layout_width="0dp"
android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="公众号"/>
 </LinearLayout>
 </LinearLayout>
</LinearLayout>

第五步：java中定义继承BaseExpandableListAdapter类（自定义适配器）

（1）这里模仿实际项目，将自定义适配器定义定义在外部同意管理，所以需要设置相关构造方法供expandableListView调用

（2）为了实现头文件的布局，需要在getGroupView与getChildView方法中判断头文件的位置，从而调整布局，这里我们将头文件定义在数据首位

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.mly.panhouye.wechat.R;
/**
 * Created by panchengjia on 2016/12/28 0028.
 */
public class MyExpandableListAdapter extends BaseExpandableListAdapter {
 Context context;
 String[] group;
 String[][] itemName;
 int[][] itemIcon;
 public MyExpandableListAdapter(Context context, String[] group, String[][] itemName, int[][] itemIcon) {
 this.context = context;
 this.group = group;
 this.itemName = itemName;
 this.itemIcon = itemIcon;
 }
 @Override
 public int getGroupCount() {
 return group.length;
 }
 @Override
 public int getChildrenCount(int groupPosition) {
 return itemName[groupPosition].length;
 }
 @Override
 public Object getGroup(int groupPosition) {
 return group[groupPosition];
 }
 @Override
 public Object getChild(int groupPosition, int childPosition) {
 return itemName[groupPosition][childPosition];
 }
 @Override
 public long getGroupId(int groupPosition) {
 return groupPosition;
 }
 @Override
 public long getChildId(int groupPosition, int childPosition) {
 return childPosition;
 }
 @Override
 public boolean hasStableIds() {
 return false;
 }
 @Override
 public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
 ViewHolder vh;
 //ExpandableList的第一个分组没有组名，这里需要自定义布局
 if(groupPosition==0){
 convertView =LayoutInflater.from(context).inflate(R.layout.contact_list_title,null);
 }else{
 if(convertView==null){
 convertView= LayoutInflater.from(context).inflate(R.layout.contact_list_group_item,null);
 vh = new ViewHolder();
 vh.tv = (TextView) convertView.findViewById(R.id.group_tv);
 convertView.setTag(vh);
 }
 vh = (ViewHolder) convertView.getTag();

 vh.tv.setText(group[groupPosition]);
 }
 return convertView;
 }
 @Override
 public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
 ViewHolder vh;
 //ExpandableList的第一个分组没有组名，这里需要自定义布局
 if (groupPosition==0){
 convertView =LayoutInflater.from(context).inflate(R.layout.contact_list_title,null);
 }else{
 if(convertView==null){
 convertView= LayoutInflater.from(context).inflate(R.layout.contact_list_item,null);
 vh = new ViewHolder();
 vh.tv = (TextView) convertView.findViewById(R.id.contact_item_tv);
 vh.iv= (ImageView) convertView.findViewById(R.id.contact_item_iv);
 convertView.setTag(vh);
 }
 vh = (ViewHolder) convertView.getTag();
 vh.tv.setText(itemName[groupPosition][childPosition]);
 vh.iv.setImageResource(itemIcon[groupPosition][childPosition]);
 }
 return convertView;
 }
 @Override
 public boolean isChildSelectable(int groupPosition, int childPosition) {
 return true;
 }
 class ViewHolder{
 TextView tv;
 ImageView iv;
 }
}

第六步：java中重写之前的与contactfragment.xml布局对应的ContactFragment.java类

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ExpandableListView;
import com.mly.panhouye.wechat.R;
import com.mly.panhouye.wechat.adapter.MyExpandableListAdapter;
/**
 * Created by panchengjia on 2016/12/28 0028.
 */
public class ContactFragment extends Fragment {
 private ExpandableListView contact_list;
 //定义分组以及组内成员（设置头文件位置为空）
 String[] group ={"","好友列表"};
 String[][] itemName={{},{"郭嘉", "黄月英", "华佗",
 "刘备", "陆逊", "吕布", "吕蒙", "马超", "司马懿", "孙权", "孙尚香", "夏侯惇",
 "许褚", "杨修", "张飞", "赵云", "甄姬", "周瑜", "诸葛亮"}};
 int[][] itemIcon={{},{R.mipmap.guojia,
 R.mipmap.huangyueying, R.mipmap.huatuo,
 R.mipmap.liubei, R.mipmap.luxun, R.mipmap.lvbu, R.mipmap.lvmeng,
 R.mipmap.machao, R.mipmap.simayi, R.mipmap.sunquan, R.mipmap.sunshangxiang,
 R.mipmap.xiahoudun, R.mipmap.xuchu, R.mipmap.yangxiu, R.mipmap.zhangfei,
 R.mipmap.zhaoyun, R.mipmap.zhenji, R.mipmap.zhouyu, R.mipmap.zhugeliang}};
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.contact_fragment,container,false);
 contact_list = (ExpandableListView) view.findViewById(R.id.contact_list);
 //实例化适配器
 MyExpandableListAdapter myExpandableListAdapter=new MyExpandableListAdapter(getContext(),group,itemName,itemIcon);
 //配置适配器
 contact_list.setAdapter(myExpandableListAdapter);
 //去掉ExpandableListView 默认的箭头
 contact_list.setGroupIndicator(null);
 //设置ExpandableListView默认展开
 for (int i = 0; i <group.length; i++) {
 contact_list.expandGroup(i);
 }
 //设置ExpandableListView不可点击收回
 contact_list.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
 @Override
 public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
 return true;
 }
 });
 return view;
 }
}

实现方法很多大家开动吧(建议使用recyclerView)。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# Android  # Expandablelistview  # Android ExpandableListView双层嵌套实现三级树形菜单  # Android ExpandableListView实现下拉刷新和加载更多效果  # Android ExpandableListView单选以及多选实现代码  # Android中ExpandableListView使用示例详解  # Android ScrollView嵌套ExpandableListView显示不正常的问题的解决办  # Android listview ExpandableListView实现多选  # 单选  # 全选  # edittext实现批量输入的实例代码  # Android 关于ExpandableListView刷新问题的解决方法  # Android ExpandableListView使用方法案例详解  # 自定义  # 分割线  # 第一个  # 头文件  # 重写  # 华佗  # 为空  # 自己的  # 博文  # 加载  # 都有  # 首次  # 多个  # 子类  # 不需要  # 它是  # 要注意  # 不存在  # 做一个  # 作为一个 

相关文章： 网站设计制作企业有哪些,抖音官网主页怎么设置？  C#如何使用XPathNavigator高效查询XML  制作营销网站公司,淘特是干什么用的？  网站微信制作软件,如何制作微信链接？  如何用AWS免费套餐快速搭建高效网站？  Python文件管理规范_工程实践说明【指导】  如何用好域名打造高点击率的自主建站？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  网站插件制作软件免费下载,网页视频怎么下到本地插件？  如何通过万网虚拟主机快速搭建网站？  建站主机数据库如何配置才能提升网站性能？  浅谈Javascript中的Label语句  制作网站外包平台,自动化接单网站有哪些？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  寿县云建站：智能SEO优化与多行业模板快速上线指南  视频网站制作教程,怎么样制作优酷网的小视频？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  一键网站制作软件,义乌购一件代发流程？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  建站之星后台密码遗忘如何找回？  大连 网站制作,大连天途有线官网？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  建站主机解析：虚拟主机配置与服务器选择指南  如何快速搭建高效服务器建站系统？  php json中文编码为null的解决办法  专业商城网站制作公司有哪些,pi商城官网是哪个？  常州自助建站工具推荐：低成本搭建与模板选择技巧  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  如何高效利用200m空间完成建站？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  中山网站推广排名,中山信息港登录入口？  大连网站制作公司哪家好一点,大连买房网站哪个好？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  临沂网站制作公司有哪些,临沂第四中学官网？  如何生成腾讯云建站专用兑换码？  如何登录建站主机？访问步骤全解析  如何基于云服务器快速搭建网站及云盘系统？  安徽网站建设与外贸建站服务专业定制方案  制作国外网站的软件,国外有哪些比较优质的网站推荐？  ,如何利用word制作宣传手册？  ui设计制作网站有哪些,手机UI设计网址吗？  大型企业网站制作流程,做网站需要注册公司吗？  如何通过西部建站助手安装IIS服务器？  如何配置WinSCP新建站点的密钥验证步骤？  制作网站的软件免费下载,免费制作app哪个平台好？  建站主机服务器选购指南：轻量应用与VPS配置解析  招商网站制作流程,网站招商广告语？  建站之星伪静态规则如何设置？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  如何通过老薛主机一键快速建站？