现在的位置: 首页 > 综合 > 正文

Android多级树形菜单的实现

2017年02月04日 ⁄ 综合 ⁄ 共 21892字 ⁄ 字号 小 中 大 ⁄ 评论关闭

在Android里要实现树形菜单，都是用ExpandableList(也有高手自己继承ListView或者LinearLayout来做)，但是ExpandableList一般只能实现2级树形菜单......本文也依然使用ExpandableList，但是要实现的是3级树形菜单。本文程序运行效果图：

当用BaseExpandableListAdapter来实现二级树形菜单时，父项(getGroupView())和子项(getChildView())都是使用TextView。当要实现三级树形菜单时，子项(getChildView())就必须使用ExpandableList了.......另外还要定义结构体来方便调用三级树形的数据，二级树形菜单可以用如下：

[java]
view plaincopyprint?
  1. static public
    class TreeNode{
  2. Object parent;
  3. List<Object> childs=new ArrayList<Object>();
  4. }

三级树形菜单可以用如下，子项是二级树形菜单的结构体：

[java]
view plaincopyprint?
  1. static public
    class SuperTreeNode {
  2. Object parent;
  3. //二级树形菜单的结构体
  4. List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
  5. }

实现三级树形菜单有两点要注意的：

1、第二级也是个树形菜单，因此必须在第二级项目展开/回收时设置足够的空间来完全显示二级树形菜单；

2、在实现三级树形菜单时，发现菜单的方法都是用不了(如OnChildClickListener、OnGroupClickListener等)，因此要获得选中的数据就必须在外部定义好回调函数，然后在第二级生成二级树形菜单时回调这个外部函数。

PS：本文在解决No.2关键点的时候，只能取得第三级选中的序号.....而第一，第二级依然无法获取其序号。

main.xml源码如下：

[xhtml]
view plaincopyprint?
  1. <?xml
    version    ="1.0"
    encoding    ="utf-8"?>
  2. <LinearLayout
    xmlns:android    ="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
    android:layout_width="fill_parent"
  4. android:layout_height="fill_parent">
  5. <LinearLayout
    android:id="@+id/LinearLayout01"
  6. android:layout_width="wrap_content"
    android:layout_height="wrap_content">
  7. <Button
    android:layout_height    ="wrap_content"
    android:text    ="两层结构"
  8. android:layout_width="160dip"
    android:id="@+id/btnNormal"></Button>
  9. <Button
    android:layout_height    ="wrap_content"
    android:text    ="三层结构"
  10. android:layout_width="160dip"
    android:id="@+id/btnSuper"></Button>
  11. </LinearLayout>
  12. <ExpandableListView
    android:id    ="@+id/ExpandableListView01"
  13. android:layout_width="fill_parent"
    android:layout_height="fill_parent"></ExpandableListView>
  14. </LinearLayout>

testExpandableList.java是主类，调用其他工具类，源码如下：

[java]
view plaincopyprint?
  1. package com.testExpandableList;
  4. import java.util.List;
  5. import android.app.Activity;
  6. import android.os.Bundle;
  7. import android.util.Log;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.widget.ExpandableListView;
  11. import android.widget.ExpandableListView.OnChildClickListener;
  12. import android.widget.Toast;
  14. public class testExpandableList
    extends Activity {
  15. /** Called when the activity is first created. */
  16. ExpandableListView expandableList;
  17. TreeViewAdapter adapter;
  18. SuperTreeViewAdapter superAdapter;
  19. Button btnNormal,btnSuper;
  20. // Sample data set. children[i] contains the children (String[]) for groups[i].
  21. public String[] groups = {
    "xxxx好友"    , "xxxx同学", "xxxxx女人"};
  22. public String[][] child= {
  23. { "A君", "B君",
    "C君", "D君" },
  24. { "同学甲", "同学乙",
    "同学丙"    },
  25. { "御姐", "萝莉" }
  26. };
  28. public String[] parent = {
    "xxxx好友"    , "xxxx同学"};
  29. public String[][][] child_grandson= {
  30. {{"A君"},
  31. {"AA","AAA"}},
  32. {{"B君"},
  33. {"BBB","BBBB","BBBBB"}},
  34. {{"C君"},
  35. {"CCC","CCCC"}},
  36. {{"D君"},
  37. {"DDD","DDDD","DDDDD"}},
  38. };
  40. @Override
  41. public void onCreate(Bundle savedInstanceState) {
  42. super.onCreate(savedInstanceState);
  43. setContentView(R.layout.main);
  44. this.setTitle("ExpandableListView练习----hellogv");
  45. btnNormal=(Button)this.findViewById(R.id.btnNormal);
  46. btnNormal.setOnClickListener(new ClickEvent());
  47. btnSuper=(Button)this.findViewById(R.id.btnSuper);
  48. btnSuper.setOnClickListener(new ClickEvent());
  49. adapter=new TreeViewAdapter(this,TreeViewAdapter.PaddingLeft>>1);
  50. superAdapter=new SuperTreeViewAdapter(this,stvClickEvent);
  51. expandableList=(ExpandableListView) testExpandableList.this.findViewById(R.id.ExpandableListView01);
  52. }
  54. class ClickEvent implements View.OnClickListener{
  56. @Override
  57. public void onClick(View v) {
  58. adapter.RemoveAll();
  59. adapter.notifyDataSetChanged();
  60. superAdapter.RemoveAll();
  61. superAdapter.notifyDataSetChanged();
  63. if(v==btnNormal)
  64. {
  65. List<TreeViewAdapter.TreeNode> treeNode = adapter.GetTreeNode();
  66. for(int i=0;i<groups.length;i++)
  67. {
  68. TreeViewAdapter.TreeNode node=new TreeViewAdapter.TreeNode();
  69. node.parent=groups[i];
  70. for(int ii=0;ii<child[i].length;ii++)
  71. {
  72. node.childs.add(child[i][ii]);
  73. }
  74. treeNode.add(node);
  75. }
  77. adapter.UpdateTreeNode(treeNode);
  78. expandableList.setAdapter(adapter);
  79. expandableList.setOnChildClickListener(new OnChildClickListener(){
  81. @Override
  82. public boolean onChildClick(ExpandableListView arg0, View arg1,
  83. int parent, int children,
    long arg4) {
  85. String str="parent id:"+String.valueOf(parent)+",children id:"+String.valueOf(children);
  86. Toast.makeText(testExpandableList.this, str,
    300    ).show();
  87. return false;
  88. }
  89. });
  90. }
  91. else if(v==btnSuper){
  92. List<SuperTreeViewAdapter.SuperTreeNode> superTreeNode = superAdapter.GetTreeNode();
  93. for(int i=0;i<parent.length;i++)//第一层
  94. {
  95. SuperTreeViewAdapter.SuperTreeNode superNode=new SuperTreeViewAdapter.SuperTreeNode();
  96. superNode.parent=parent[i];
  98. //第二层
  99. for(int ii=0;ii<child_grandson.length;ii++)
  100. {
  101. TreeViewAdapter.TreeNode node=new TreeViewAdapter.TreeNode();
  102. node.parent=child_grandson[ii][0][0];//第二级菜单的标题
  104. for(int iii=0;iii<child_grandson[ii][1].length;iii++)//第三级菜单
  105. {
  106. node.childs.add(child_grandson[ii][1][iii]);
  107. }
  108. superNode.childs.add(node);
  109. }
  110. superTreeNode.add(superNode);
  112. }
  113. superAdapter.UpdateTreeNode(superTreeNode);
  114. expandableList.setAdapter(superAdapter);
  115. }
  116. }
  117. }
  119. /**
  120. * 三级树形菜单的事件不再可用，本函数由三级树形菜单的子项（二级菜单）进行回调
  121. */
  122. OnChildClickListener stvClickEvent=new OnChildClickListener(){
  124. @Override
  125. public boolean onChildClick(ExpandableListView parent,
  126. View v, int groupPosition,
    int     childPosition,
  127. long id) {
  128. String str="parent id:"+String.valueOf(groupPosition)+",children id:"+String.valueOf(childPosition);
  129. Toast.makeText(testExpandableList.this, str,
    300).show();
  131. return false;
  132. }
  134. };
  135. }

TreeViewAdapter.java是实现二级树形菜单的工具类，源码如下：

[java]
view plaincopyprint?
  1. package com.testExpandableList;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. import android.content.Context;
  6. import android.util.Log;
  7. import android.view.Gravity;
  8. import android.view.View;
  9. import android.view.ViewGroup;
  10. import android.widget.AbsListView;
  11. import android.widget.BaseExpandableListAdapter;
  12. import android.widget.TextView;
  15. public class TreeViewAdapter
    extends BaseExpandableListAdapter{
  16. public static
    final     int ItemHeight=48;//每项的高度
  17. public static
    final int PaddingLeft=36;//每项的高度
  18. private int myPaddingLeft=0;//如果是由SuperTreeView调用，则作为子项需要往右移
  20. static public
    class     TreeNode{
  21. Object parent;
  22. List<Object> childs=new ArrayList<Object>();
  23. }
  25. List<TreeNode> treeNodes = new ArrayList<TreeNode>();
  26. Context parentContext;
  28. public TreeViewAdapter(Context view,int myPaddingLeft)
  29. {
  30. parentContext=view;
  31. this.myPaddingLeft=myPaddingLeft;
  32. }
  34. public List<TreeNode> GetTreeNode()
  35. {
  36. return treeNodes;
  37. }
  39. public void UpdateTreeNode(List<TreeNode> nodes)
  40. {
  41. treeNodes=nodes;
  42. }
  44. public void RemoveAll()
  45. {
  46. treeNodes.clear();
  47. }
  49. public Object getChild(int groupPosition,
    int childPosition) {
  50. return treeNodes.get(groupPosition).childs.get(childPosition);
  51. }
  53. public int getChildrenCount(int groupPosition) {
  54. return treeNodes.get(groupPosition).childs.size();
  55. }
  57. static public TextView getTextView(Context context) {
  58. AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
  59. ViewGroup.LayoutParams.FILL_PARENT, ItemHeight);
  61. TextView textView = new TextView(context);
  62. textView.setLayoutParams(lp);
  63. textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
  64. return textView;
  65. }
  67. public View getChildView(int groupPosition,
    int childPosition,
  68. boolean isLastChild, View convertView, ViewGroup parent) {
  69. TextView textView = getTextView(this.parentContext);
  70. textView.setText(getChild(groupPosition, childPosition).toString());
  71. textView.setPadding(myPaddingLeft+PaddingLeft,
    0    , 0, 0);
  72. return textView;
  73. }
  75. public View getGroupView(int groupPosition,
    boolean isExpanded,
  76. View convertView, ViewGroup parent) {
  77. TextView textView = getTextView(this.parentContext);
  78. textView.setText(getGroup(groupPosition).toString());
  79. textView.setPadding(myPaddingLeft+(PaddingLeft>>1),
    0, 0,
    0    );
  80. return textView;
  81. }
  83. public long getChildId(int groupPosition,
    int childPosition) {
  84. return childPosition;
  85. }
  87. public Object getGroup(int groupPosition) {
  88. return treeNodes.get(groupPosition).parent;
  89. }
  91. public int getGroupCount() {
  92. return treeNodes.size();
  93. }
  95. public long getGroupId(int groupPosition) {
  96. return groupPosition;
  97. }
  99. public boolean isChildSelectable(int groupPosition,
    int childPosition) {
  100. return true;
  101. }
  103. public boolean hasStableIds() {
  104. return true;
  105. }
  106. }

SuperTreeViewAdapter.java是实现三级树形菜单的工具类，会用到TreeViewAdapter.java，源码如下：

[java]
view plaincopyprint?
  1. package com.testExpandableList;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. import com.testExpandableList.TreeViewAdapter.TreeNode;
  6. import android.content.Context;
  7. import android.view.View;
  8. import android.view.ViewGroup;
  9. import android.widget.AbsListView;
  10. import android.widget.BaseExpandableListAdapter;
  11. import android.widget.ExpandableListView;
  12. import android.widget.ExpandableListView.OnChildClickListener;
  13. import android.widget.ExpandableListView.OnGroupCollapseListener;
  14. import android.widget.ExpandableListView.OnGroupExpandListener;
  15. import android.widget.TextView;
  17. public class SuperTreeViewAdapter
    extends BaseExpandableListAdapter {
  19. static public
    class SuperTreeNode {
  20. Object parent;
  21. //二级树形菜单的结构体
  22. List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
  23. }
  25. private List<SuperTreeNode> superTreeNodes =
    new ArrayList<SuperTreeNode>();
  26. private Context parentContext;
  27. private OnChildClickListener stvClickEvent;//外部回调函数
  29. public SuperTreeViewAdapter(Context view,OnChildClickListener stvClickEvent) {
  30. parentContext = view;
  31. this.stvClickEvent=stvClickEvent;
  32. }
  34. public List<SuperTreeNode> GetTreeNode() {
  35. return superTreeNodes;
  36. }
  38. public void UpdateTreeNode(List<SuperTreeNode> node) {
  39. superTreeNodes = node;
  40. }
  42. public void RemoveAll()
  43. {
  44. superTreeNodes.clear();
  45. }
  47. public Object getChild(int groupPosition,
    int childPosition) {
  48. return superTreeNodes.get(groupPosition).childs.get(childPosition);
  49. }
  51. public int getChildrenCount(int groupPosition) {
  52. return superTreeNodes.get(groupPosition).childs.size();
  53. }
  55. public ExpandableListView getExpandableListView() {
  56. AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
  57. ViewGroup.LayoutParams.FILL_PARENT, TreeViewAdapter.ItemHeight);
  58. ExpandableListView superTreeView = new ExpandableListView(parentContext);
  59. superTreeView.setLayoutParams(lp);
  60. return superTreeView;
  61. }
  63. /**
  64. * 三层树结构中的第二层是一个ExpandableListView
  65. */
  66. public View getChildView(int groupPosition,
    int childPosition,
  67. boolean isLastChild, View convertView, ViewGroup parent) {
  68. // 是
  69. final ExpandableListView treeView = getExpandableListView();
  70. final TreeViewAdapter treeViewAdapter =
    new     TreeViewAdapter(this.parentContext,0);
  71. List<TreeNode> tmp = treeViewAdapter.GetTreeNode();//临时变量取得TreeViewAdapter的TreeNode集合，可为空
  72. final TreeNode treeNode=(TreeNode) getChild(groupPosition, childPosition);
  73. tmp.add(treeNode);
  74. treeViewAdapter.UpdateTreeNode(tmp);
  75. treeView.setAdapter(treeViewAdapter);
  77. //关键点：取得选中的二级树形菜单的父子节点,结果返回给外部回调函数
  78. treeView.setOnChildClickListener(this.stvClickEvent);
  80. /**
  81. * 关键点：第二级菜单展开时通过取得节点数来设置第三级菜单的大小
  82. */
  83. treeView.setOnGroupExpandListener(new OnGroupExpandListener() {
  84. @Override
  85. public void onGroupExpand(int groupPosition) {
  87. AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
  88. ViewGroup.LayoutParams.FILL_PARENT,
  89. (treeNode.childs.size()+1)*TreeViewAdapter.ItemHeight +
    10);
  90. treeView.setLayoutParams(lp);
  91. }
  92. });
  94. /**
  95. * 第二级菜单回收时设置为标准Item大小
  96. */
  97. treeView.setOnGroupCollapseListener(new OnGroupCollapseListener() {
  98. @Override
  99. public void onGroupCollapse(int groupPosition) {
  101. AbsListView.LayoutParams lp = new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
  102. TreeViewAdapter.ItemHeight);
  103. treeView.setLayoutParams(lp);
  104. }
  105. });
  106. treeView.setPadding(TreeViewAdapter.PaddingLeft, 0,
    0, 0);
  107. return treeView;
  108. }
  110. /**
  111. * 三级树结构中的首层是TextView,用于作为title
  112. */
  113. public View getGroupView(int groupPosition,
    boolean isExpanded,
  114. View convertView, ViewGroup parent) {
  115. TextView textView = TreeViewAdapter.getTextView(this.parentContext);
  116. textView.setText(getGroup(groupPosition).toString());
  117. textView.setPadding(TreeViewAdapter.PaddingLeft,
    0    , 0, 0);
  118. return textView;
  119. }
  121. public long getChildId(int groupPosition,
    int childPosition) {
  122. return childPosition;
  123. }
  125. public Object getGroup(int groupPosition) {
  126. return superTreeNodes.get(groupPosition).parent;
  127. }
  129. public int getGroupCount() {
  130. return superTreeNodes.size();
  131. }
  133. public long getGroupId(int groupPosition) {
  134. return groupPosition;
  135. }
  137. public boolean isChildSelectable(int groupPosition,
    int childPosition) {
  138. return true;
  139. }
  141. public boolean hasStableIds() {
  142. return true;
  143. }
  144. }

总结，使用ExpandableList实现三级树形菜单时有些bug不好解决，而且定义三维数组的时候也要倍加小心......所以尽量把数据化简来使用二级树形菜单

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞