Android提高之多級樹形菜單的實現(xiàn)方法
更新時間：2014年08月09日 11:51:45 投稿：shichen2014
這篇文章主要介紹了Android多級樹形菜單的實現(xiàn)方法,很實用的功能,需要的朋友可以參考下
一般來說在Android里要實現(xiàn)樹形菜單，都是用ExpandableList(也有高手自己繼承ListView或者LinearLayout來做)，但是ExpandableList一般只能實現(xiàn)2級樹形菜單。本文所述實例也依然使用ExpandableList，但是要實現(xiàn)的是3級樹形菜單。
本文程序運行效果圖如下圖所示：
當用BaseExpandableListAdapter來實現(xiàn)二級樹形菜單時，父項(getGroupView())和子項(getChildView())都是使用TextView。當要實現(xiàn)三級樹形菜單時，子項(getChildView())就必須使用ExpandableList了。另外還要定義結(jié)構體來方便調(diào)用三級樹形的數(shù)據(jù)，二級樹形菜單可以用如下：
static public class TreeNode{
Object parent;
List<Object> childs=new ArrayList<Object>();
}
三級樹形菜單可以用如下，子項是二級樹形菜單的結(jié)構體如下所示：
static public class SuperTreeNode {
Object parent;
//二級樹形菜單的結(jié)構體
List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
}
實現(xiàn)三級樹形菜單有兩點要注意的：
1、第二級也是個樹形菜單，因此必須在第二級項目展開/回收時設置足夠的空間來完全顯示二級樹形菜單；
2、在實現(xiàn)三級樹形菜單時，發(fā)現(xiàn)菜單的方法都是用不了(如OnChildClickListener、OnGroupClickListener等)，因此要獲得選中的數(shù)據(jù)就必須在外部定義好回調(diào)函數(shù)，然后在第二級生成二級樹形菜單時回調(diào)這個外部函數(shù)。
此外還需要注意：本文在解決No.2關鍵點的時候，只能取得第三級選中的序號。而第一，第二級依然無法獲取其序號。
main.xml源碼如下：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:id="@+id/LinearLayout01" android:layout_width="wrap_content" android:layout_height="wrap_content"> <Button android:layout_height="wrap_content" android:text="兩層結(jié)構" android:layout_width="160dip" android:id="@+id/btnNormal"></Button> <Button android:layout_height="wrap_content" android:text="三層結(jié)構" android:layout_width="160dip" android:id="@+id/btnSuper"></Button> </LinearLayout> <ExpandableListView android:id="@+id/ExpandableListView01" android:layout_width="fill_parent" android:layout_height="fill_parent"></ExpandableListView> </LinearLayout>
testExpandableList.java是主類，調(diào)用其他工具類，源碼如下：
package com.testExpandableList;
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);
}
}
}
/**
* 三級樹形菜單的事件不再可用，本函數(shù)由三級樹形菜單的子項（二級菜單）進行回調(diào)
*/
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是實現(xiàn)二級樹形菜單的工具類，源碼如下：
package com.testExpandableList;
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調(diào)用，則作為子項需要往右移
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是實現(xiàn)三級樹形菜單的工具類，會用到TreeViewAdapter.java，源碼如下：
package com.testExpandableList;
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;
//二級樹形菜單的結(jié)構體
List<TreeViewAdapter.TreeNode> childs = new ArrayList<TreeViewAdapter.TreeNode>();
}
private List<SuperTreeNode> superTreeNodes = new ArrayList<SuperTreeNode>();
private Context parentContext;
private OnChildClickListener stvClickEvent;//外部回調(diào)函數(shù)
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;
}
/**
* 三層樹結(jié)構中的第二層是一個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);
//關鍵點：取得選中的二級樹形菜單的父子節(jié)點,結(jié)果返回給外部回調(diào)函數(shù)
treeView.setOnChildClickListener(this.stvClickEvent);
/**
* 關鍵點：第二級菜單展開時通過取得節(jié)點數(shù)來設置第三級菜單的大小
*/
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;
}
/**
* 三級樹結(jié)構中的首層是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;
}
}
總結(jié)，使用ExpandableList實現(xiàn)三級樹形菜單時有些bug不好解決，而且定義三維數(shù)組的時候也要倍加小心！所以盡量把數(shù)據(jù)化簡來使用二級樹形菜單。
希望本文所述代碼對大家進行Android程序設計有一定的幫助。
相關文章
基于Android studio3.6的JNI教程之helloworld思路詳解
這篇文章主要介紹了基于Android studio3.6的JNI教程之helloworld,本文通過圖文實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了Android判斷網(wǎng)絡狀態(tài)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Glide作為安卓開發(fā)常用的圖片加載庫，有許多實用而且強大的功能，那么，下面這篇文章主要給大家介紹了利用Glide實現(xiàn)加載圖片顯示進度條效果的相關資料，文中給出了詳細的示例代碼供大家參考學習，需要的朋友們下來一起看看吧。2017-05-05
這篇文章主要介紹了Android關于獲取時間的記錄(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了Android打包版本號設置方法,需要的朋友可以參考下2017-10-10
android開發(fā)基礎教程—三種方式實現(xiàn)xml文件解析
本文將介紹三種方式：sax方式/dom方式/pull方式實現(xiàn)xml文件解析，感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了使用Flutter短視頻上滑翻頁效果,本篇介紹了?Flutter的翻頁組件PageView的使用，通過?PageView可以輕松實現(xiàn)類似短視頻的縱向上滑翻頁的效果，也可以實現(xiàn)橫向翻頁效果（如閱讀類軟件），需要的朋友可以參考下2023-05-05
Android中使用Vectors(2)繪制優(yōu)美的路徑動畫
這篇文章主要介紹了Android中使用Vectors(2)繪制優(yōu)美的路徑動畫的相關資料,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細介紹了android Launcher3設置默認桌面應用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
Android自定義View實現(xiàn)圓形環(huán)繞效果
這篇文章主要為大家詳細介紹了Android自定義View實現(xiàn)圓形環(huán)繞效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01