您好,登錄后才能下訂單哦!
公司有一個(gè)需求,實(shí)現(xiàn)一個(gè)多級(jí)的樹形菜單,并且支持多選功能,實(shí)現(xiàn)這個(gè)功能之前,我在網(wǎng)上找了找,樹形菜單很好找,但是支持多選功能并沒有很合適的,所以沒辦法,只能自己動(dòng)手寫了,由于本人第一次寫博客,如果有什么不足的地方,大家多多指教。
這個(gè)是效果圖:
這個(gè)菜單是可以無限極分類的,如果父元素的子元素,都被選了,父元素的checkbox應(yīng)該自動(dòng)選中,或者說選中一個(gè)父元素,當(dāng)前父元素下的子元素應(yīng)該全部被選中。就是這樣的一個(gè)效果!
這樣的樹形結(jié)構(gòu),重點(diǎn)是我們應(yīng)該怎樣去定義數(shù)據(jù)結(jié)構(gòu),這個(gè)是Node實(shí)體類:
public class Node implements Serializable { private Node parent = null; // 父節(jié)點(diǎn) private List<Node> childrens = new ArrayList<Node>();//子節(jié)點(diǎn) private String title;//節(jié)點(diǎn)顯示文字 private String value;//節(jié)點(diǎn)顯示值 private boolean isChecked = false; //是否被選中 private boolean isExpand = true;//是否處于擴(kuò)展?fàn)顟B(tài) private boolean hasCheckBox = true;//是否有復(fù)選框 private String parentId = null; private String curId = null; private boolean isVisiable = true; //自己加的,父節(jié)點(diǎn)集合 private List<Node> parents = new ArrayList<>(); /** * 設(shè)置節(jié)點(diǎn)值 * * @param parentId * TODO * @param curId * TODO */ public Node(String title,String value, String parentId,String curId) { // TODO Auto-generated constructor stub this.title = title; this.value = value; this.parentId = parentId; //this.icon = iconId; this.curId = curId; } public List<Node> getParents() { return parents; } /** * 得到父節(jié)點(diǎn) * @return * */ public Node getParent() { return parent; } /** * 設(shè)置父節(jié)點(diǎn) * @param parent * */ public void setParent(Node parent) { this.parent = parent; } /** * 得到子節(jié)點(diǎn) * @return * */ public List<Node> getChildrens() { return childrens; } /** * 是否根節(jié)點(diǎn) * @return * */ public boolean isRoot(){ return parent ==null?true:false; } /** * 是否被選中 * @return * */ public boolean isChecked() { return isChecked; } public void setChecked(boolean isChecked) { this.isChecked = isChecked; } /** * 是否是展開狀態(tài) * @return * */ public boolean isExplaned() { return isExpand; } /** * 設(shè)置展開狀態(tài) * @param isExplaned * */ public void setExplaned(boolean isExplaned) { this.isExpand = isExplaned; } /** * 是否有復(fù)選框 * @return * */ public boolean hasCheckBox() { return hasCheckBox; } /** * 設(shè)置是否有復(fù)選框 * @param hasCheckBox * */ public void setHasCheckBox(boolean hasCheckBox) { this.hasCheckBox = hasCheckBox; } /** * 得到節(jié)點(diǎn)標(biāo)題 * @return * */ public String getTitle() { return title; } /** * 設(shè)置節(jié)點(diǎn)標(biāo)題 * @param title * */ public void setTitle(String title) { this.title = title; } /** * 得到節(jié)點(diǎn)值 * @return * */ public String getValue() { return value; } /** * 設(shè)置節(jié)點(diǎn)值 * @param value * */ public void setValue(String value) { this.value = value; } /** * 增加一個(gè)子節(jié)點(diǎn) * @param node * */ public void addNode(Node node){ if(!childrens.contains(node)){ childrens.add(node); } } /** * 移除一個(gè)子節(jié)點(diǎn) * @param node * */ public void removeNode(Node node){ if(childrens.contains(node)) childrens.remove(node); } /** * 移除指定位置的子節(jié)點(diǎn) * @param location * */ public void removeNode(int location){ childrens.remove(location); } /** * 清除所有子節(jié)點(diǎn) * */ public void clears(){ childrens.clear(); } /** * 判斷給出的節(jié)點(diǎn)是否當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn) * @param node * @return * */ public boolean isParent(Node node){ if(parent == null)return false; if(parent.equals(node))return true; return parent.isParent(node); } /** * 遞歸獲取當(dāng)前節(jié)點(diǎn)級(jí)別 * @return * */ public int getLevel(){ return parent ==null?0:parent.getLevel()+1; } /** * 父節(jié)點(diǎn)是否處于折疊的狀態(tài) * @return * */ public boolean isParentCollapsed(){ if(parent ==null)return false; if(!parent.isExplaned())return true; return parent.isParentCollapsed(); } /** * 是否葉節(jié)點(diǎn)(沒有展開下級(jí)的幾點(diǎn)) * @return * */ public boolean isLeaf(){ return childrens.size()<1?true:false; } /** * 返回自己的id * @return **/ public String getCurId() { // TODO Auto-generated method stub return curId; } /** * 返回的父id * @return **/ public String getParentId() { // TODO Auto-generated method stub return parentId; } }
這里定義了父節(jié)點(diǎn)和子節(jié)點(diǎn),為什么這么定義呢,因?yàn)榉奖銓?duì)節(jié)點(diǎn)的操作,這樣子我們可以通過父節(jié)點(diǎn)查找子節(jié)點(diǎn),也可以通過子節(jié)點(diǎn)去查找父節(jié)點(diǎn)。
List <NodeResource> list = new ArrayList<NodeResource>(); NodeResource n1 = new NodeResource(""+-1, ""+0, "全部城市", "dfs");//, R.drawable.icon_department list.add(n1); NodeResource n3 = new NodeResource(""+0, ""+1, "北京", "dfs"); list.add(n3); NodeResource n4 = new NodeResource(""+1, ""+2, "金剛狼軍團(tuán)", "dfs"); list.add(n4); NodeResource n5 = new NodeResource(""+1, ""+3, "螞蟻軍團(tuán)", "dfs"); list.add(n5); NodeResource n6 = new NodeResource(""+1, ""+4, "大象軍團(tuán)", "dfs"); list.add(n6); NodeResource n7 = new NodeResource(""+2,""+5, "張三", "dfs"); list.add(n7); NodeResource n8 = new NodeResource(""+2,""+6, "李四", "dfs"); list.add(n8); NodeResource n9 = new NodeResource(""+0,""+7, "天津", "dfs"); list.add(n9); NodeResource n10 = new NodeResource(""+7,""+8, "老鼠軍團(tuán)", "dfs"); list.add(n10); NodeResource n11 = new NodeResource(""+8,""+9, "王五", "dfs"); list.add(n11); NodeResource n12 = new NodeResource(""+8,""+10, "趙六", "dfs"); list.add(n12); return list;
這里是我們的數(shù)據(jù)源,要說明一點(diǎn)是,無論我們從接口拿到的是什么數(shù)據(jù),統(tǒng)一要給它們添加父ID,這樣會(huì)大大方便了我們的操作。
package cn.thinkmore.test; import java.util.ArrayList; import java.util.List; import android.content.Context; import android.util.Log; import android.view.View.OnClickListener; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.Button; import android.widget.CheckBox; import android.widget.ImageView; import android.widget.TextView; public class TreeAdapter extends BaseAdapter { private Context con; private LayoutInflater lif; public List<Node> all = new ArrayList<Node>();//展示 private List<Node> cache = new ArrayList<Node>();//緩存 private TreeAdapter tree = this; boolean hasCheckBox; private int expandIcon = -1;//展開圖標(biāo) private int collapseIcon = -1;//收縮圖標(biāo) ViewItem vi = null; // //存儲(chǔ)checkbox選中的集合 // private List<> /** * 構(gòu)造方法 */ public TreeAdapter(Context context,List<Node>rootNodes){ this.con = context; this.lif = (LayoutInflater)con.getSystemService(Context.LAYOUT_INFLATER_SERVICE); for(int i=0;i<rootNodes.size();i++){ addNode(rootNodes.get(i)); } } /** * 把一個(gè)節(jié)點(diǎn)上的所有的內(nèi)容都掛上去 * @param node * */ public void addNode(Node node){ all.add(node); cache.add(node); if(node.isLeaf())return; for(int i = 0;i<node.getChildrens().size();i++){ addNode(node.getChildrens().get(i)); } } /** * 設(shè)置展開收縮圖標(biāo) * @param expandIcon * @param collapseIcon * */ public void setCollapseAndExpandIcon(int expandIcon,int collapseIcon){ this.collapseIcon = collapseIcon; this.expandIcon = expandIcon; } /** * 一次性對(duì)某節(jié)點(diǎn)的所有節(jié)點(diǎn)進(jìn)行選中or取消操作 * * */ public void checkNode(Node n,boolean isChecked){ n.setChecked(isChecked); for(int i =0 ;i<n.getChildrens().size();i++){ checkNode((Node) n.getChildrens().get(i), isChecked); } //徐強(qiáng)加的代碼 unCheckNode(n, isChecked); } public void quanXuanClick(Node n){ n.setChecked(true); for(int i =0 ;i<n.getChildrens().size();i++){ quanXuanClick(n.getChildrens().get(i)); } } public void quXiaoClick(Node n){ n.setChecked(false); for(int i =0 ;i<n.getChildrens().size();i++){ quXiaoClick(n.getChildrens().get(i)); } } //徐強(qiáng)加的代碼 public void unCheckNode(Node n, boolean isChecked){ boolean flag = false; n.setChecked(isChecked); if(n.getParent() != null ){ //if(n.getParent().getChildrens().size() != 0) { Log.d("parentSize", n.getParent().getChildrens().get(0).isChecked() + ""); for (int i = 0; i < n.getParent().getChildrens().size(); i++) { if((n.getParent().getChildrens().get(i)) != n && (n.getParent().getChildrens().get(i).isChecked() != true)){ flag = true; break; } } if(!flag) { unCheckNode(n.getParent(), isChecked); } //} } } /** * 獲取所有選中節(jié)點(diǎn) * @return * */ public List<Node>getSelectedNode(){ Log.d("getSelectedNode", "我被執(zhí)行了!"); List<Node>checks =new ArrayList<Node>() ; for(int i = 0;i<cache.size();i++){ Node n =(Node)cache.get(i); if(n.isChecked()) checks.add(n); } return checks; } /** * 設(shè)置是否有復(fù)選框 * @param hasCheckBox * */ public void setCheckBox(boolean hasCheckBox){ this.hasCheckBox = hasCheckBox; } /** * 控制展開縮放某節(jié)點(diǎn) * @param location * */ public void ExpandOrCollapse(int location){ Node n = all.get(location);//獲得當(dāng)前視圖需要處理的節(jié)點(diǎn) if(n!=null)//排除傳入?yún)?shù)錯(cuò)誤異常 { if(!n.isLeaf()){ n.setExplaned(!n.isExplaned());// 由于該方法是用來控制展開和收縮的,所以取反即可 filterNode();//遍歷一下,將所有上級(jí)節(jié)點(diǎn)展開的節(jié)點(diǎn)重新掛上去 this.notifyDataSetChanged();//刷新視圖 } } } /** * 設(shè)置展開等級(jí) * @param level * */ public void setExpandLevel(int level){ all.clear(); for(int i = 0;i<cache.size();i++){ Node n = cache.get(i); if(n.getLevel()<=level){ if(n.getLevel()<level) n.setExplaned(true); else n.setExplaned(false); all.add(n); } } } /* 清理all,從緩存中將所有父節(jié)點(diǎn)不為收縮狀態(tài)的都掛上去*/ public void filterNode(){ all.clear(); for(int i = 0;i<cache.size();i++){ Node n = cache.get(i); if(!n.isParentCollapsed()||n.isRoot())//凡是父節(jié)點(diǎn)不收縮或者不是根節(jié)點(diǎn)的都掛上去 all.add(n); } } /* (non-Javadoc) * @see android.widget.Adapter#getCount() */ @Override public int getCount() { // TODO Auto-generated method stub return all.size(); } /* (non-Javadoc) * @see android.widget.Adapter#getItem(int) */ @Override public Object getItem(int location) { // TODO Auto-generated method stub return all.get(location); } /* (non-Javadoc) * @see android.widget.Adapter#getItemId(int) */ @Override public long getItemId(int location) { // TODO Auto-generated method stub return location; } /* (non-Javadoc) * @see android.widget.Adapter#getView(int, android.view.View, android.view.ViewGroup) */ @Override public View getView(int location, View view, ViewGroup viewgroup) { final Node n = all.get(location); //ViewItem vi = null; if(view == null){ view = lif.inflate(R.layout.list_item, null); vi = new ViewItem(); vi.cb = (CheckBox)view.findViewById(R.id.cb); vi.flagIcon = (ImageView)view.findViewById(R.id.ivec); vi.tv = (TextView)view.findViewById(R.id.itemvalue); vi.cb.setOnClickListener(new OnClickListener() { private Node mCheckBoxN; @Override public void onClick(View v) { mCheckBoxN = (Node) v.getTag(); checkNode(mCheckBoxN, ((CheckBox) v).isChecked()); //unCheckNode(n, ((CheckBox) v).isChecked()); tree.notifyDataSetChanged(); } }); view.setTag(vi); } else{ vi = (ViewItem)view.getTag(); if(vi ==null) System.out.println(); } if(n!=null){ if(vi==null||vi.cb==null) System.out.println(); vi.cb.setTag(n); vi.cb.setChecked(n.isChecked()); //葉節(jié)點(diǎn)不顯示展開收縮圖標(biāo) if(n.isLeaf()){ vi.flagIcon.setVisibility(View.GONE); } else{ vi.flagIcon.setVisibility(View.VISIBLE); if(n.isExplaned()){ if(expandIcon!=-1){ vi.flagIcon.setImageResource(expandIcon); } } else{ if(collapseIcon!=-1){ vi.flagIcon.setImageResource(collapseIcon); } } } //設(shè)置是否顯示復(fù)選框 if(n.hasCheckBox()&&n.hasCheckBox()){ vi.cb.setVisibility(View.VISIBLE); } else{ vi.cb.setVisibility(View.GONE); } //顯示文本 vi.tv.setText(n.getTitle()); // 控制縮進(jìn) view.setPadding(30*n.getLevel(), 3,3, 3); } return view; } public class ViewItem{ private CheckBox cb; //private ImageView icon; private ImageView flagIcon; private TextView tv; } }
我們對(duì)多選的操作,主要是在adapter里進(jìn)行操作的,我也不多說什么了,看代碼就能一目了然了。
對(duì)了,我記得當(dāng)時(shí)樹形菜單是一個(gè)人分享的,具體是哪個(gè)人我忘記了,我在他的基礎(chǔ)上又做了修改,非常感謝那個(gè)人的分享。
多說無益,看看源代碼比什么都強(qiáng),一會(huì)我會(huì)附上源代碼。
這里下載源碼
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。