溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android實(shí)現(xiàn)多級(jí)樹形菜單并支持多選功能

發(fā)布時(shí)間:2020-08-29 13:37:44 來源:腳本之家 閱讀:214 作者:小強(qiáng)沖沖沖 欄目:移動(dòng)開發(fā)

公司有一個(gè)需求,實(shí)現(xiàn)一個(gè)多級(jí)的樹形菜單,并且支持多選功能,實(shí)現(xiàn)這個(gè)功能之前,我在網(wǎng)上找了找,樹形菜單很好找,但是支持多選功能并沒有很合適的,所以沒辦法,只能自己動(dòng)手寫了,由于本人第一次寫博客,如果有什么不足的地方,大家多多指教。

這個(gè)是效果圖:

Android實(shí)現(xiàn)多級(jí)樹形菜單并支持多選功能

這個(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í)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(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)容。

AI