资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

AndroidExpandableListView双层嵌套实现三级树形菜单

在Android开发中，列表可以说是最常见的了，一般都是使用ListView，当涉及到二维数组时，更多的使用到ExpandableListView，然而当数据结构比较复杂时，就需要使用三级菜单或者更多级的菜单来显示，这就让人比较头疼了，最近做的项目就涉及到了三级菜单，遇到了不少问题，虽然不够完美，但是基本需求实现了，在此记录一下。（之前见过有人使用ListView实现4级、5级甚至更多级菜单的，是在Adapter的数据源里定义的结构，根据等级缩进左间距的倍数，链接地址找不到了，有兴趣的可以自己找找）

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了海东免费建站欢迎大家使用！

先上效果图：

Android ExpandableListView双层嵌套实现三级树形菜单

Android ExpandableListView双层嵌套实现三级树形菜单

简单介绍下重点，为了简便，把第一层ExpandableListView称之为EListOne，相应的Adapter称之为AdpOne；第二层ExpandableListView称之为EListTwo，相应的Adapter称之为AdpTwo。

首先第一个要处理的问题是在AdpOne的getChildView方法中，需要对EListTwo的高度进行动态计算，因为EListTwo展开和关闭时高度是不一样的，所以要在EListTwo的setOnGroupExpandListener和setOnGroupCollapseListener方法中做相应的处理：

/**
 * @author Apathy、恒
 * 
 *   子ExpandableListView展开时，因为group只有一项，所以子ExpandableListView的总高度=
 *   （子ExpandableListView的child数量 + 1 ）* 每一项的高度
 * */
 eListView.setOnGroupExpandListener(new OnGroupExpandListener() {
   @Override
   public void onGroupExpand(int groupPosition) {
 
 LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 
      (child.getChildNames().size() + 1)* (int) mContext.getResources().getDimension(R.dimen.parent_expandable_list_height));
 eListView.setLayoutParams(lp);
 }
 });
 
 /**
 * @author Apathy、恒
 * 
 * 子ExpandableListView关闭时，此时只剩下group这一项，所以子ExpandableListView的总高度即为一项的高度
 * */
 eListView.setOnGroupCollapseListener(new OnGroupCollapseListener() {
 @Override
 public void onGroupCollapse(int groupPosition) {
 
 LayoutParams lp = new LayoutParams(
  ViewGroup.LayoutParams.MATCH_PARENT, (int) mContext
  .getResources().getDimension(
   R.dimen.parent_expandable_list_height));
 eListView.setLayoutParams(lp);
 }
 });

只展示菜单肯定不是我们的最终需求，我们一般需要点击菜单后进行相应的界面跳转或者数据处理，所以就需要获取所点击的菜单精确下标，获取方法很简单，只需要定义一个接口，在AdpOne的getChildView方法中回调即可：

/**
 * @author Apathy、恒
 * 
 *   点击子ExpandableListView子项时，调用回调接口
 * */
 eListView.setOnChildClickListener(new OnChildClickListener() {
 
 @Override
 public boolean onChildClick(ExpandableListView arg0, View arg1,
  int groupIndex, int childIndex, long arg4) {
 
 if (mTreeViewClickListener != null) {
 
  mTreeViewClickListener.onClickPosition(groupPosition,
  childPosition, childIndex);
 }
 return false;
 }
 });

下面是完整的代码：

MainActivity.java：

package com.heng.tree;
 
import java.util.ArrayList;
 
import com.heng.tree.R;
import com.heng.tree.adapter.ParentAdapter;
import com.heng.tree.adapter.ParentAdapter.OnChildTreeViewClickListener;
import com.heng.tree.entity.ChildEntity;
import com.heng.tree.entity.ParentEntity;
 
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.Toast;
 
/**
 * 
 * @author Apathy、恒
 * 
 * 

 * 
 * @email shexiaoheng@163.com
 * 
 * @blog
 * http://blog.csdn.net/shexiaoheng
 * 
 * 

 * 

 * 
 * @Detail 本Demo为ExpandableListView嵌套ExpandableListView实现三级菜单的例子
 * 
 * #ParentAdapter.OnChildTreeViewClickListener
 * 
 * */
public class MainActivity extends Activity implements OnGroupExpandListener,
 OnChildTreeViewClickListener {
 
 private Context mContext;
 
 private ExpandableListView eList;
 
 private ArrayList parents;
 
 private ParentAdapter adapter;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 
 mContext = this;
 
 setContentView(R.layout.activity_main);
 
 loadData();
 
 initEList();
 
 }
 
 /**
 * @author Apathy、恒
 * 
 *   初始化菜单数据源
 * */
 private void loadData() {
 
 parents = new ArrayList();
 
 for (int i = 0; i < 10; i++) {
 
 ParentEntity parent = new ParentEntity();
 
 parent.setGroupName("父类父分组第" + i + "项");
 
 parent.setGroupColor(getResources().getColor(
  android.R.color.holo_red_light));
 
 ArrayList childs = new ArrayList();
 
 for (int j = 0; j < 8; j++) {
 
 ChildEntity child = new ChildEntity();
 
 child.setGroupName("子类父分组第" + j + "项");
 
 child.setGroupColor(Color.parseColor("#ff00ff"));
 
 ArrayList childNames = new ArrayList();
 
 ArrayList childColors = new ArrayList();
 
 for (int k = 0; k < 5; k++) {
 
  childNames.add("子类第" + k + "项");
 
  childColors.add(Color.parseColor("#ff00ff"));
 
 }
 
 child.setChildNames(childNames);
 
 childs.add(child);
 
 }
 
 parent.setChilds(childs);
 
 parents.add(parent);
 
 }
 }
 
 /**
 * @author Apathy、恒
 * 
 *   初始化ExpandableListView
 * */
 private void initEList() {
 
 eList = (ExpandableListView) findViewById(R.id.eList);
 
 eList.setOnGroupExpandListener(this);
 
 adapter = new ParentAdapter(mContext, parents);
 
 eList.setAdapter(adapter);
 
 adapter.setOnChildTreeViewClickListener(this);
 
 }
 
 /**
 * @author Apathy、恒
 * 
 *   点击子ExpandableListView的子项时，回调本方法，根据下标获取值来做相应的操作
 * */
 @Override
 public void onClickPosition(int parentPosition, int groupPosition,
 int childPosition) {
 // do something
 String childName = parents.get(parentPosition).getChilds()
 .get(groupPosition).getChildNames().get(childPosition)
 .toString();
 Toast.makeText(
 mContext,
 "点击的下标为： parentPosition=" + parentPosition
  + " groupPosition=" + groupPosition
  + " childPosition=" + childPosition + "\n点击的是："
  + childName, Toast.LENGTH_SHORT).show();
 }
 
 /**
 * @author Apathy、恒
 * 
 *   展开一项，关闭其他项，保证每次只能展开一项
 * */
 @Override
 public void onGroupExpand(int groupPosition) {
 for (int i = 0; i < parents.size(); i++) {
 if (i != groupPosition) {
 eList.collapseGroup(i);
 }
 }
 }
 
}

ParentAdapter.java

package com.heng.tree.adapter;
 
import java.util.ArrayList;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.ExpandableListView.OnGroupCollapseListener;
import android.widget.ExpandableListView.OnGroupExpandListener;
import android.widget.AbsListView.LayoutParams;
import android.widget.TextView;
 
import com.heng.tree.R;
import com.heng.tree.entity.ChildEntity;
import com.heng.tree.entity.ParentEntity;
 
/**
 * 
 * @author Apathy、恒
 * 
 *   父类分组的适配器
 * 
 * 

 * 

 * 
 *   方法 {@link #getChildView(int, int, boolean, View, ViewGroup)}极其重要
 * 
 * */
 
public class ParentAdapter extends BaseExpandableListAdapter {
 
 private Context mContext;// 上下文
 
 private ArrayList mParents;// 数据源
 
 private OnChildTreeViewClickListener mTreeViewClickListener;// 点击子ExpandableListView子项的监听
 
 public ParentAdapter(Context context, ArrayList parents) {
 this.mContext = context;
 this.mParents = parents;
 }
 
 @Override
 public ChildEntity getChild(int groupPosition, int childPosition) {
 return mParents.get(groupPosition).getChilds().get(childPosition);
 }
 
 @Override
 public long getChildId(int groupPosition, int childPosition) {
 return childPosition;
 }
 
 @Override
 public int getChildrenCount(int groupPosition) {
 return mParents.get(groupPosition).getChilds() != null ? mParents
 .get(groupPosition).getChilds().size() : 0;
 }
 
 @Override
 public View getChildView(final int groupPosition, final int childPosition,
 boolean isExpanded, View convertView, ViewGroup parent) {
 
 final ExpandableListView eListView = getExpandableListView();
 
 ArrayList childs = new ArrayList();
 
 final ChildEntity child = getChild(groupPosition, childPosition);
 
 childs.add(child);
 
 final ChildAdapter childAdapter = new ChildAdapter(this.mContext,
 childs);
 
 eListView.setAdapter(childAdapter);
 
 /**
 * @author Apathy、恒
 * 
 *   点击子ExpandableListView子项时，调用回调接口
 * */
 eListView.setOnChildClickListener(new OnChildClickListener() {
 
 @Override
 public boolean onChildClick(ExpandableListView arg0, View arg1,
  int groupIndex, int childIndex, long arg4) {
 
 if (mTreeViewClickListener != null) {
 
  mTreeViewClickListener.onClickPosition(groupPosition,
  childPosition, childIndex);
 }
 return false;
 }
 });
 
 
 /**
 * @author Apathy、恒
 * 
 *   子ExpandableListView展开时，因为group只有一项，所以子ExpandableListView的总高度=
 *   （子ExpandableListView的child数量 + 1 ）* 每一项的高度
 * */
 eListView.setOnGroupExpandListener(new OnGroupExpandListener() {
 @Override
 public void onGroupExpand(int groupPosition) {
 
 LayoutParams lp = new LayoutParams(
  ViewGroup.LayoutParams.MATCH_PARENT, (child
  .getChildNames().size() + 1)
  * (int) mContext.getResources().getDimension(
   R.dimen.parent_expandable_list_height));
 eListView.setLayoutParams(lp);
 }
 });
 
 /**
 * @author Apathy、恒
 * 
 *   子ExpandableListView关闭时，此时只剩下group这一项，
 *   所以子ExpandableListView的总高度即为一项的高度
 * */
 eListView.setOnGroupCollapseListener(new OnGroupCollapseListener() {
 @Override
 public void onGroupCollapse(int groupPosition) {
 
 LayoutParams lp = new LayoutParams(
  ViewGroup.LayoutParams.MATCH_PARENT, (int) mContext
  .getResources().getDimension(
   R.dimen.parent_expandable_list_height));
 eListView.setLayoutParams(lp);
 }
 });
 return eListView;
 
 }
 
 /**
 * @author Apathy、恒
 * 
 *   动态创建子ExpandableListView
 * */
 public ExpandableListView getExpandableListView() {
 ExpandableListView mExpandableListView = new ExpandableListView(
 mContext);
 LayoutParams lp = new LayoutParams(
 ViewGroup.LayoutParams.MATCH_PARENT, (int) mContext
  .getResources().getDimension(
  R.dimen.parent_expandable_list_height));
 mExpandableListView.setLayoutParams(lp);
 mExpandableListView.setDividerHeight(0);// 取消group项的分割线
 mExpandableListView.setChildDivider(null);// 取消child项的分割线
 mExpandableListView.setGroupIndicator(null);// 取消展开折叠的指示图标
 return mExpandableListView;
 }
 
 @Override
 public Object getGroup(int groupPosition) {
 return mParents.get(groupPosition);
 }
 
 @Override
 public int getGroupCount() {
 return mParents != null ? mParents.size() : 0;
 }
 
 @Override
 public long getGroupId(int groupPosition) {
 return groupPosition;
 }
 
 @Override
 public View getGroupView(int groupPosition, boolean isExpanded,
 View convertView, ViewGroup parent) {
 GroupHolder holder = null;
 if (convertView == null) {
 convertView = LayoutInflater.from(mContext).inflate(
  R.layout.parent_group_item, null);
 holder = new GroupHolder(convertView);
 convertView.setTag(holder);
 } else {
 holder = (GroupHolder) convertView.getTag();
 }
 holder.update(mParents.get(groupPosition));
 return convertView;
 }
 
 /**
 * @author Apathy、恒
 * 
 *   Holder优化
 * */
 class GroupHolder {
 
 private TextView parentGroupTV;
 
 public GroupHolder(View v) {
 parentGroupTV = (TextView) v.findViewById(R.id.parentGroupTV);
 }
 
 public void update(ParentEntity model) {
 parentGroupTV.setText(model.getGroupName());
 parentGroupTV.setTextColor(model.getGroupColor());
 }
 }
 
 @Override
 public boolean hasStableIds() {
 return false;
 }
 
 @Override
 public boolean isChildSelectable(int groupPosition, int childPosition) {
 return false;
 }
 
 /**
 * @author Apathy、恒
 * 
 *   设置点击子ExpandableListView子项的监听
 * */
 public void setOnChildTreeViewClickListener(
 OnChildTreeViewClickListener treeViewClickListener) {
 this.mTreeViewClickListener = treeViewClickListener;
 }
 
 /**
 * @author Apathy、恒
 * 
 *   点击子ExpandableListView子项的回调接口
 * */
 public interface OnChildTreeViewClickListener {
 
 void onClickPosition(int parentPosition, int groupPosition,
 int childPosition);
 }
 
}

ChildAdapter.java

package com.heng.tree.adapter;
 
import java.util.ArrayList;
 
import com.heng.tree.R;
import com.heng.tree.entity.ChildEntity;
 
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
 
/**
 * 
 * @author Apathy、恒
 * 
 * 

 * 

 * 
 *   子类分组的适配器
 * 
 * 

 * 

 * 
 *   方法{@link #isChildSelectable(int,int)} 必须返回true
 * 
 * */
public class ChildAdapter extends BaseExpandableListAdapter {
 
 private Context mContext;// 上下文
 
 private ArrayList mChilds;// 数据源
 
 public ChildAdapter(Context context, ArrayList childs) {
 this.mContext = context;
 this.mChilds = childs;
 }
 
 @Override
 public int getChildrenCount(int groupPosition) {
 return mChilds.get(groupPosition).getChildNames() != null ? mChilds
 .get(groupPosition).getChildNames().size() : 0;
 }
 
 @Override
 public String getChild(int groupPosition, int childPosition) {
 if (mChilds.get(groupPosition).getChildNames() != null
 && mChilds.get(groupPosition).getChildNames().size() > 0)
 return mChilds.get(groupPosition).getChildNames()
  .get(childPosition).toString();
 return null;
 }
 
 @Override
 public long getChildId(int groupPosition, int childPosition) {
 return childPosition;
 }
 
 @Override
 public View getChildView(int groupPosition, int childPosition,
 boolean isExpanded, View convertView, ViewGroup parent) {
 ChildHolder holder = null;
 if (convertView == null) {
 convertView = LayoutInflater.from(mContext).inflate(
  R.layout.child_child_item, null);
 holder = new ChildHolder(convertView);
 convertView.setTag(holder);
 } else {
 holder = (ChildHolder) convertView.getTag();
 }
 holder.update(getChild(groupPosition, childPosition));
 return convertView;
 }
 
 /**
 * @author Apathy、恒
 * 
 *   Holder优化
 * */
 class ChildHolder {
 
 private TextView childChildTV;
 
 public ChildHolder(View v) {
 childChildTV = (TextView) v.findViewById(R.id.childChildTV);
 }
 
 public void update(String str) {
 childChildTV.setText(str);
 childChildTV.setTextColor(Color.parseColor("#00ffff"));
 }
 }
 
 @Override
 public Object getGroup(int groupPosition) {
 if (mChilds != null && mChilds.size() > 0)
 return mChilds.get(groupPosition);
 return null;
 }
 
 @Override
 public int getGroupCount() {
 return mChilds != null ? mChilds.size() : 0;
 }
 
 @Override
 public long getGroupId(int groupPosition) {
 return groupPosition;
 }
 
 @Override
 public View getGroupView(int groupPosition, boolean isExpanded,
 View convertView, ViewGroup parent) {
 GroupHolder holder = null;
 if (convertView == null) {
 convertView = LayoutInflater.from(mContext).inflate(
  R.layout.child_group_item, null);
 holder = new GroupHolder(convertView);
 convertView.setTag(holder);
 } else {
 holder = (GroupHolder) convertView.getTag();
 }
 holder.update(mChilds.get(groupPosition));
 return convertView;
 }
 
 /**
 * @author Apathy、恒
 * 
 *   Holder优化
 * */
 class GroupHolder {
 
 private TextView childGroupTV;
 
 public GroupHolder(View v) {
 childGroupTV = (TextView) v.findViewById(R.id.childGroupTV);
 }
 
 public void update(ChildEntity model) {
 childGroupTV.setText(model.getGroupName());
 childGroupTV.setTextColor(model.getGroupColor());
 }
 }
 
 @Override
 public boolean hasStableIds() {
 return false;
 }
 
 @Override
 public boolean isChildSelectable(int groupPosition, int childPosition) {
 /**
 * ==============================================
 * 此处必须返回true，否则无法响应子项的点击事件===============
 * ==============================================
 **/
 return true;
 }
 
}

CListAdapter.java

package com.heng.tree.adapter;
 
import java.util.ArrayList;
 
import com.heng.tree.R;
import com.heng.tree.entity.ChildEntity;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
 
/**
 * 
 * @author Apathy、恒
 * 
 *   子类子类列表的适配器
 * 
 * */
public class CListAdapter extends BaseAdapter {
 
 private Context mContext;
 private ArrayList mChilds;
 
 public CListAdapter(Context context, ArrayList childs) {
 this.mContext = context;
 this.mChilds = childs;
 }
 
 @Override
 public int getCount() {
 return mChilds != null ? mChilds.size() : 0;
 }
 
 @Override
 public Object getItem(int position) {
 if ((getCount() > 0) && (position > 0 && position < mChilds.size())) {
 return mChilds.get(position);
 }
 return null;
 }
 
 @Override
 public long getItemId(int position) {
 return position;
 }
 
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 Holder holder = null;
 if (convertView == null) {
 convertView = LayoutInflater.from(mContext).inflate(
  R.layout.child_child_item, null);
 holder = new Holder(convertView);
 convertView.setTag(holder);
 } else {
 holder = (Holder) convertView.getTag();
 }
 holder.update(mChilds.get(position).getGroupName());
 return convertView;
 }
 
 class Holder {
 
 private TextView tv;
 
 public Holder(View v) {
 tv = (TextView) v.findViewById(R.id.childChildTV);
 }
 
 public void update(String text) {
 tv.setText(text);
 }
 }
}

ParentEntity.java

package com.heng.tree.entity;
 
import java.util.ArrayList;
 
/**
 * 
 * @author Apathy、恒
 * 
 *   子类分组的实体
 * 
 * */
 
public class ParentEntity {
 
 private int groupColor;
 
 private String groupName;
 
 private ArrayList childs;
 
 
 /* ==========================================================
 * ======================= get method =======================
 * ========================================================== */
 
 public int getGroupColor() {
 return groupColor;
 }
 
 public String getGroupName() {
 return groupName;
 }
 
 public ArrayList getChilds() {
 return childs;
 }
 
 /* ==========================================================
 * ======================= set method =======================
 * ========================================================== */
 
 public void setGroupColor(int groupColor) {
 this.groupColor = groupColor;
 }
 
 public void setGroupName(String groupName) {
 this.groupName = groupName;
 }
 
 public void setChilds(ArrayList childs) {
 this.childs = childs;
 }
 
}

ChildEntity.java

package com.heng.tree.entity;
 
import java.util.ArrayList;
 
/**
 * 
 * @author Apathy、恒
 * 
 *   父类分组的实体
 * 
 * */
 
public class ChildEntity {
 
 private int groupColor;
 
 private String groupName;
 
 private ArrayList childNames;
 
 
 /* ==========================================================
 * ======================= get method =======================
 * ========================================================== */
 
 public int getGroupColor() {
 return groupColor;
 }
 
 public String getGroupName() {
 return groupName;
 }
 
 public ArrayList getChildNames() {
 return childNames;
 }
 
 /* ==========================================================
 * ======================= set method =======================
 * ========================================================== */
 
 public void setGroupColor(int groupColor) {
 this.groupColor = groupColor;
 }
 
 public void setGroupName(String groupName) {
 this.groupName = groupName;
 }
 
 public void setChildNames(ArrayList childNames) {
 this.childNames = childNames;
 }
 
}

activity_main.xml

parent_group_item.xml

child_group_item.xml

child_child_item.xml

dimens.xml


 
 
 50dp
 10dp
 40dp
 75dp

点此下载demo

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。


当前题目：AndroidExpandableListView双层嵌套实现三级树形菜单
网站网址：http://cdkjz.cn/article/jjdces.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
手机网站版本网站建设公司攀枝花网站设计成都机柜租用郫都区消防器材奢侈品网站建设方案广汉锦华橡塑香港云服务器租用成都电商网站建设方案Google外贸推广

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图