HardBirch

Android提高十七篇之多级树形菜单的实现

时间:11-01-06 栏目:安卓入门与提高 作者:张飞不张,文采横飞 评论:59 点击: 17,202 次

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

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




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





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

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

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

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

main.xml源码如下:















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

import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.Toast;

public class testExpandableList extends Activity {
/** Called when the activity is first created. */
ExpandableListView expandableList;
TreeViewAdapter adapter;
SuperTreeViewAdapter superAdapter;
Button btnNormal,btnSuper;
// Sample data set. children[i] contains the children (String[]) for groups[i].
public String[] groups = { "xxxx好友", "xxxx同学", "xxxxx女人"};
public String[][] child= {
{ "A君", "B君", "C君", "D君" },
{ "同学甲", "同学乙", "同学丙"},
{ "御姐", "萝莉" }
};

public String[] parent = { "xxxx好友", "xxxx同学"};
public String[][][] child_grandson= {
{{"A君"},
{"AA","AAA"}},
{{"B君"},
{"BBB","BBBB","BBBBB"}},
{{"C君"},
{"CCC","CCCC"}},
{{"D君"},
{"DDD","DDDD","DDDDD"}},
};

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
this.setTitle("ExpandableListView练习----hellogv");
btnNormal=(Button)this.findViewById(R.id.btnNormal);
btnNormal.setOnClickListener(new ClickEvent());
btnSuper=(Button)this.findViewById(R.id.btnSuper);
btnSuper.setOnClickListener(new ClickEvent());
adapter=new TreeViewAdapter(this,TreeViewAdapter.PaddingLeft>>1);
superAdapter=new SuperTreeViewAdapter(this,stvClickEvent);
expandableList=(ExpandableListView) testExpandableList.this.findViewById(R.id.ExpandableListView01);
}

class ClickEvent implements View.OnClickListener{

@Override
public void onClick(View v) {
adapter.RemoveAll();
adapter.notifyDataSetChanged();
superAdapter.RemoveAll();
superAdapter.notifyDataSetChanged();

if(v==btnNormal)
{
List<TreeViewAdapter.TreeNode> treeNode = adapter.GetTreeNode();
for(int i=0;i<groups.length;i++)
{
TreeViewAdapter.TreeNode node=new TreeViewAdapter.TreeNode();
node.parent=groups[i];
for(int ii=0;ii<child[i].length;ii++)
{
node.childs.add(child[i][ii]);
}
treeNode.add(node);
}

adapter.UpdateTreeNode(treeNode);
expandableList.setAdapter(adapter);
expandableList.setOnChildClickListener(new OnChildClickListener(){

@Override
public boolean onChildClick(ExpandableListView arg0, View arg1,
int parent, int children, long arg4) {

String str="parent id:"+String.valueOf(parent)+",children id:"+String.valueOf(children);
Toast.makeText(testExpandableList.this, str, 300).show();
return false;
}
});
}
else if(v==btnSuper){
List<SuperTreeViewAdapter.SuperTreeNode> superTreeNode = superAdapter.GetTreeNode();
for(int i=0;i<parent.length;i++)//第一层
{
SuperTreeViewAdapter.SuperTreeNode superNode=new SuperTreeViewAdapter.SuperTreeNode();
superNode.parent=parent[i];

//第二层
for(int ii=0;ii<child_grandson.length;ii++)
{
TreeViewAdapter.TreeNode node=new TreeViewAdapter.TreeNode();
node.parent=child_grandson[ii][0][0];//第二级菜单的标题

for(int iii=0;iii<child_grandson[ii][1].length;iii++)//第三级菜单
{
node.childs.add(child_grandson[ii][1][iii]);
}
superNode.childs.add(node);
}
superTreeNode.add(superNode);

}
superAdapter.UpdateTreeNode(superTreeNode);
expandableList.setAdapter(superAdapter);
}
}
}

/**
* 三级树形菜单的事件不再可用,本函数由三级树形菜单的子项(二级菜单)进行回调
*/
OnChildClickListener stvClickEvent=new OnChildClickListener(){

@Override
public boolean onChildClick(ExpandableListView parent,
View v, int groupPosition, int childPosition,
long id) {
String str="parent id:"+String.valueOf(groupPosition)+",children id:"+String.valueOf(childPosition);
Toast.makeText(testExpandableList.this, str, 300).show();

return false;
}

};
}

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

import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

public class TreeViewAdapter extends BaseExpandableListAdapter{
public static final int ItemHeight=48;//每项的高度
public static final int PaddingLeft=36;//每项的高度
private int myPaddingLeft=0;//如果是由SuperTreeView调用,则作为子项需要往右移

static public class TreeNode{
Object parent;
List<Object> childs=new ArrayList<Object>();
}

List<TreeNode> treeNodes = new ArrayList<TreeNode>();
Context parentContext;

public TreeViewAdapter(Context view,int myPaddingLeft)
{
parentContext=view;
this.myPaddingLeft=myPaddingLeft;
}

public List<TreeNode> GetTreeNode()
{
return treeNodes;
}

public void UpdateTreeNode(List<TreeNode> nodes)
{
treeNodes=nodes;
}

public void RemoveAll()
{
treeNodes.clear();
}

public Object getChild(int groupPosition, int childPosition) {
return treeNodes.get(groupPosition).childs.get(childPosition);
}

public int getChildrenCount(int groupPosition) {
return treeNodes.get(groupPosition).childs.size();
}

static public TextView getTextView(Context context) {
AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT, ItemHeight);

TextView textView = new TextView(context);
textView.setLayoutParams(lp);
textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
return textView;
}

public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
TextView textView = getTextView(this.parentContext);
textView.setText(getChild(groupPosition, childPosition).toString());
textView.setPadding(myPaddingLeft+PaddingLeft, 0, 0, 0);
return textView;
}

public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
TextView textView = getTextView(this.parentContext);
textView.setText(getGroup(groupPosition).toString());
textView.setPadding(myPaddingLeft+(PaddingLeft>>1), 0, 0, 0);
return textView;
}

public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}

public Object getGroup(int groupPosition) {
return treeNodes.get(groupPosition).parent;
}

public int getGroupCount() {
return treeNodes.size();
}

public long getGroupId(int groupPosition) {
return groupPosition;
}

public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}

public boolean hasStableIds() {
return true;
}
}

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

import java.util.ArrayList;
import java.util.List;
import com.testExpandableList.TreeViewAdapter.TreeNode;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
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.TextView;

public class SuperTreeViewAdapter extends BaseExpandableListAdapter {

static public class SuperTreeNode {
Object parent;
//二级树形菜单的结构体
List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
}

private List<SuperTreeNode> superTreeNodes = new ArrayList<SuperTreeNode>();
private Context parentContext;
private OnChildClickListener stvClickEvent;//外部回调函数

public SuperTreeViewAdapter(Context view,OnChildClickListener stvClickEvent) {
parentContext = view;
this.stvClickEvent=stvClickEvent;
}

public List<SuperTreeNode> GetTreeNode() {
return superTreeNodes;
}

public void UpdateTreeNode(List<SuperTreeNode> node) {
superTreeNodes = node;
}

public void RemoveAll()
{
superTreeNodes.clear();
}

public Object getChild(int groupPosition, int childPosition) {
return superTreeNodes.get(groupPosition).childs.get(childPosition);
}

public int getChildrenCount(int groupPosition) {
return superTreeNodes.get(groupPosition).childs.size();
}

public ExpandableListView getExpandableListView() {
AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT, TreeViewAdapter.ItemHeight);
ExpandableListView superTreeView = new ExpandableListView(parentContext);
superTreeView.setLayoutParams(lp);
return superTreeView;
}

/**
* 三层树结构中的第二层是一个ExpandableListView
*/
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
// 是
final ExpandableListView treeView = getExpandableListView();
final TreeViewAdapter treeViewAdapter = new TreeViewAdapter(this.parentContext,0);
List<TreeNode> tmp = treeViewAdapter.GetTreeNode();//临时变量取得TreeViewAdapter的TreeNode集合,可为空
final TreeNode treeNode=(TreeNode) getChild(groupPosition, childPosition);
tmp.add(treeNode);
treeViewAdapter.UpdateTreeNode(tmp);
treeView.setAdapter(treeViewAdapter);

//关键点:取得选中的二级树形菜单的父子节点,结果返回给外部回调函数
treeView.setOnChildClickListener(this.stvClickEvent);

/**
* 关键点:第二级菜单展开时通过取得节点数来设置第三级菜单的大小
*/
treeView.setOnGroupExpandListener(new OnGroupExpandListener() {
@Override
public void onGroupExpand(int groupPosition) {

AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT,
(treeNode.childs.size()+1)*TreeViewAdapter.ItemHeight + 10);
treeView.setLayoutParams(lp);
}
});

/**
* 第二级菜单回收时设置为标准Item大小
*/
treeView.setOnGroupCollapseListener(new OnGroupCollapseListener() {
@Override
public void onGroupCollapse(int groupPosition) {

AbsListView.LayoutParams lp = new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
TreeViewAdapter.ItemHeight);
treeView.setLayoutParams(lp);
}
});
treeView.setPadding(TreeViewAdapter.PaddingLeft, 0, 0, 0);
return treeView;
}

/**
* 三级树结构中的首层是TextView,用于作为title
*/
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
TextView textView = TreeViewAdapter.getTextView(this.parentContext);
textView.setText(getGroup(groupPosition).toString());
textView.setPadding(TreeViewAdapter.PaddingLeft, 0, 0, 0);
return textView;
}

public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}

public Object getGroup(int groupPosition) {
return superTreeNodes.get(groupPosition).parent;
}

public int getGroupCount() {
return superTreeNodes.size();
}

public long getGroupId(int groupPosition) {
return groupPosition;
}

public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}

public boolean hasStableIds() {
return true;
}
}

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

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: Android提高十七篇之多级树形菜单的实现

Android提高十七篇之多级树形菜单的实现:目前有59 条留言

  1. 0楼
    sodino:

    [e01]

    抄过来学习下,呵呵,要用到了

    2011-01-06 13:56 [回复]
  2. 只有顶了[e01]

    2011-01-06 13:58 [回复]
  3. 0楼
    kf156:

    顶起

    2011-01-06 13:58 [回复]
  4. [e01]

    2011-01-06 14:01 [回复]
  5. 0楼
    fengcunhan:

    [e01]

    2011-01-06 14:01 [回复]
  6. 0楼
    xuyan87101:

    [e01]正在做布局

    2011-01-06 14:04 [回复]
  7. 0楼
    yangc_83:

    沙发是没戏了,慢慢看,看完再顶,呵呵~~~[e01]

    2011-01-06 14:14 [回复]
  8. 0楼
    kazeik:

    [e01]
    写得太好了.

    2011-01-06 14:18 [回复]
  9. [e01]

    2011-01-06 15:47 [回复]
  10. 0楼
    asdtiang:

    [e01]

    2011-01-06 16:09 [回复]
  11. [e01][e01][e03][e03]

    2011-01-06 19:03 [回复]
  12. 0楼
    zhongzzp:

    [e01][e03]

    2011-01-07 17:27 [回复]
  13. 还是您比较用心

    2011-01-07 20:49 [回复]
  14. 0楼
    zmyde2010:

    [e01]

    2011-01-08 10:22 [回复]
  15. [e01]

    2011-01-09 22:33 [回复]
  16. [e01][e01]

    2011-01-09 22:51 [回复]
  17. 0楼
    lianguoyu:

    正在学习,谢谢了

    2011-01-09 23:44 [回复]
  18. 兄弟,我觉得你的实现有瑕疵,希望你可以参考一下这里:http://isomobile.com/read.php?tid-49.html 的实现

    2011-01-10 09:26 [回复]
  19. 0楼
    hellogv:

    回复 thinkingtoday:
    这个不错,用ListView自己实现多级树形就可以去的每一层的选中项了

    2011-01-10 09:29 [回复]
  20. 0楼
    qizi329:

    [e01]写的相当的不错,学习中…

    2011-01-10 10:07 [回复]
  21. 0楼
    lw2078:

    [e01]高手见解,膜拜学习~~

    2011-01-10 10:21 [回复]
  22. 0楼
    chjttony:

    收藏学习!

    2011-01-10 16:52 [回复]
  23. [e03]

    2011-01-11 09:14 [回复]
  24. 0楼
    phxuecan:

    [e01]

    2011-01-11 13:17 [回复]
  25. [e03]

    2011-01-11 22:50 [回复]
  26. 0楼
    chensylsl:

    这个不错 [e01]

    2011-01-12 14:02 [回复]
  27. 0楼
    right3:

    太牛了[e01]

    2011-01-12 16:35 [回复]
  28. 0楼
    zhouderek:

    观摩》。。。

    2011-01-13 18:43 [回复]
  29. [e01][e03]

    2011-03-02 18:10 [回复]
  30. 0楼
    a222123:

    学习中…[e01]

    2011-03-14 15:44 [回复]
  31. 0楼
    jjxoyzy:

    顶顶!!!

    2011-03-24 16:23 [回复]
  32. [e01][e10]

    2011-03-28 18:47 [回复]
  33. 0楼
    qilovehua:

    [e01][e01][e01]

    2011-03-31 10:39 [回复]
  34. 0楼
    thischou:

    [e01]砖家

    2011-03-31 11:00 [回复]
  35. 0楼
    chenjun864:

    [e01]

    2011-04-23 10:30 [回复]
  36. 0楼
    weck0736:

    [e03] 正要用,楼主太帅了。

    2011-06-05 10:44 [回复]
  37. demo 不错,商用价值不高。

    2011-06-08 11:04 [回复]
  38. 0楼
    hncjlxf:

    很给力 很强大

    2011-06-13 11:20 [回复]
  39. 0楼
    j619323539:

    福鼎市

    2011-06-20 17:30 [回复]
  40. 0楼
    j619323539:

    把xxxx女人打开的时候怎么设置背景图片

    2011-06-20 17:34 [回复]
  41. 0楼
    j619323539:

    把xxxx女人打开的时候怎么设置背景图片啊

    2011-06-20 17:35 [回复]
  42. 0楼
    j619323539:

    综合起来不适合开发项目

    2011-06-20 17:36 [回复]
  43. 太好 了 正在苦苦寻找

    2011-06-21 15:54 [回复]
  44. 0楼
    laker55555:

    布局上的问题挺大的

    2011-06-27 10:50 [回复]
  45. 0楼
    ruilina:

    [e01]

    2011-07-01 11:00 [回复]
  46. 0楼
    CoN_see:

    很好,很强大。。

    2011-07-19 12:32 [回复]
  47. 0楼
    maddercat:

    你好,你的实现有些问题,在三层里边,当第一组xxx好友有显示到第三级AA和AAA时,如果点击第二组名xxxx同学,
    无论是expand还是collapse,都会使第一组的AA和AAA隐藏起来,不知道这是什么原因造成的,可以帮忙看一下吗?
    因为现在开发需要你的这个实现,多谢:)

    2011-08-10 16:47 [回复]
  48. 真是谢谢了。。。。

    2011-09-02 08:30 [回复]
  49. 0楼
    zn9179:

    正好要用到 谢谢分享

    2011-10-15 21:38 [回复]
  50. [reply]thinkingtoday[/reply]
    [reply]hellogv[/reply]
    怎么链接有问题啊?请再发一个,谢谢~!!

    2011-10-21 16:03 [回复]
  51. 0楼
    ccy222:

    网页 咋打不开哈

    2011-10-21 20:58 [回复]
  52. [reply]thinkingtoday[/reply]

    It's this,

    http://www.isomobile.com/read.php?tid-49.html

    2011-11-14 18:10 [回复]
  53. 0楼
    yuhx_it:

    三级菜单不显示

    2011-11-18 17:09 [回复]
  54. 0楼
    linder0209:

    好好学习一下,希望在这基础上能实现tree(多级树)

    2012-01-19 15:04 [回复]
  55. 0楼
    hellogv:

    [reply]linder0209[/reply]
    多级树要做成很精简的树枝+递归

    2012-01-20 09:24 [回复]
  56. 0楼
    my_yunjj:

    好厉害!太感谢了

    2012-02-06 18:06 [回复]
  57. 0楼
    mmcq_:

    开心啊、、O(∩_∩)O哈哈~

    2012-04-11 10:19 [回复]
  58. niu

    2012-05-16 23:30 [回复]
  59. 0楼
    sayyanfu:

    如何让三级联动下朋友下和同学下的数据不一样?我想实现省市县三级联动。

    2012-10-09 14:19 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐