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

這個菜單是可以無限極分類的,如果父元素的子元素,都被選了,父元素的checkbox應(yīng)該自動選中,或者說選中一個父元素,當(dāng)前父元素下的子元素應(yīng)該全部被選中。就是這樣的一個效果!
這樣的樹形結(jié)構(gòu),重點是我們應(yīng)該怎樣去定義數(shù)據(jù)結(jié)構(gòu),這個是Node實體類:
public class Node implements Serializable {
private Node parent = null; // 父節(jié)點
private List<Node> childrens = new ArrayList<Node>();//子節(jié)點
private String title;//節(jié)點顯示文字
private String value;//節(jié)點顯示值
private boolean isChecked = false; //是否被選中
private boolean isExpand = true;//是否處于擴展?fàn)顟B(tài)
private boolean hasCheckBox = true;//是否有復(fù)選框
private String parentId = null;
private String curId = null;
private boolean isVisiable = true;
//自己加的,父節(jié)點集合
private List<Node> parents = new ArrayList<>();
/**
* 設(shè)置節(jié)點值
*
* @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é)點
* @return
*
*/
public Node getParent() {
return parent;
}
/**
* 設(shè)置父節(jié)點
* @param parent
*
*/
public void setParent(Node parent) {
this.parent = parent;
}
/**
* 得到子節(jié)點
* @return
*
*/
public List<Node> getChildrens() {
return childrens;
}
/**
* 是否根節(jié)點
* @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é)點標(biāo)題
* @return
*
*/
public String getTitle() {
return title;
}
/**
* 設(shè)置節(jié)點標(biāo)題
* @param title
*
*/
public void setTitle(String title) {
this.title = title;
}
/**
* 得到節(jié)點值
* @return
*
*/
public String getValue() {
return value;
}
/**
* 設(shè)置節(jié)點值
* @param value
*
*/
public void setValue(String value) {
this.value = value;
}
/**
* 增加一個子節(jié)點
* @param node
*
*/
public void addNode(Node node){
if(!childrens.contains(node)){
childrens.add(node);
}
}
/**
* 移除一個子節(jié)點
* @param node
*
*/
public void removeNode(Node node){
if(childrens.contains(node))
childrens.remove(node);
}
/**
* 移除指定位置的子節(jié)點
* @param location
*
*/
public void removeNode(int location){
childrens.remove(location);
}
/**
* 清除所有子節(jié)點
*
*/
public void clears(){
childrens.clear();
}
/**
* 判斷給出的節(jié)點是否當(dāng)前節(jié)點的父節(jié)點
* @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é)點級別
* @return
*
*/
public int getLevel(){
return parent ==null?0:parent.getLevel()+1;
}
/**
* 父節(jié)點是否處于折疊的狀態(tài)
* @return
*
*/
public boolean isParentCollapsed(){
if(parent ==null)return false;
if(!parent.isExplaned())return true;
return parent.isParentCollapsed();
}
/**
* 是否葉節(jié)點(沒有展開下級的幾點)
* @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é)點和子節(jié)點,為什么這么定義呢,因為方便對節(jié)點的操作,這樣子我們可以通過父節(jié)點查找子節(jié)點,也可以通過子節(jié)點去查找父節(jié)點。
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, "金剛狼軍團", "dfs");
list.add(n4);
NodeResource n5 = new NodeResource(""+1, ""+3, "螞蟻軍團", "dfs");
list.add(n5);
NodeResource n6 = new NodeResource(""+1, ""+4, "大象軍團", "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, "老鼠軍團", "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ù)源,要說明一點是,無論我們從接口拿到的是什么數(shù)據(jù),統(tǒng)一要給它們添加父ID,這樣會大大方便了我們的操作。
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;
// //存儲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));
}
}
/**
* 把一個節(jié)點上的所有的內(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;
}
/**
* 一次性對某節(jié)點的所有節(jié)點進行選中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);
}
//徐強加的代碼
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));
}
}
//徐強加的代碼
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é)點
* @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é)點
* @param location
*
*/
public void ExpandOrCollapse(int location){
Node n = all.get(location);//獲得當(dāng)前視圖需要處理的節(jié)點
if(n!=null)//排除傳入?yún)?shù)錯誤異常
{
if(!n.isLeaf()){
n.setExplaned(!n.isExplaned());// 由于該方法是用來控制展開和收縮的,所以取反即可
filterNode();//遍歷一下,將所有上級節(jié)點展開的節(jié)點重新掛上去
this.notifyDataSetChanged();//刷新視圖
}
}
}
/**
* 設(shè)置展開等級
* @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é)點不為收縮狀態(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é)點不收縮或者不是根節(jié)點的都掛上去
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é)點不顯示展開收縮圖標(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());
// 控制縮進
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;
}
}
我們對多選的操作,主要是在adapter里進行操作的,我也不多說什么了,看代碼就能一目了然了。
對了,我記得當(dāng)時樹形菜單是一個人分享的,具體是哪個人我忘記了,我在他的基礎(chǔ)上又做了修改,非常感謝那個人的分享。
多說無益,看看源代碼比什么都強,一會我會附上源代碼。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android ExpandableListView雙層嵌套實現(xiàn)三級樹形菜單
- Android提高之多級樹形菜單的實現(xiàn)方法
- Android左右滑出菜單實例分析
- android底部菜單欄實現(xiàn)原理與代碼
- android popwindow實現(xiàn)左側(cè)彈出菜單層及PopupWindow主要方法介紹
- 基于Android實現(xiàn)點擊某個按鈕讓菜單選項從按鈕周圍指定位置彈出
- Android ListView長按彈出菜單二種實現(xiàn)方式示例
- Android界面設(shè)計(APP設(shè)計趨勢 左側(cè)隱藏菜單右邊顯示content)
- Android開發(fā)技巧之我的菜單我做主(自定義菜單)
- Android仿QQ空間底部菜單示例代碼
相關(guān)文章
Android項目開發(fā)常用工具類LightTaskUtils源碼介紹
LightTaskUtils是一個輕量級的線程管理工具,本文通過實例代碼給大家詳細介紹Android項目開發(fā)常用工具類LightTaskUtils的相關(guān)知識,感興趣的朋友一起看看吧2022-06-06
詳解Retrofit Interceptor(攔截器) 攔截請求并做相關(guān)處理
本篇文章主要介紹了詳解Retrofit Interceptor(攔截器) 攔截請求并做相關(guān)處理,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
Android Studio新建工程默認在build.gradle中加入maven阿里源的問題
這篇文章主要介紹了Android Studio新建工程默認在build.gradle中加入maven阿里源的問題,本文通過實例代碼相結(jié)合給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
Android 應(yīng)用中跳轉(zhuǎn)到應(yīng)用市場評分示例
本篇文章主要介紹了Android 應(yīng)用中跳轉(zhuǎn)到應(yīng)用市場評分示例,非常具有實用價值,需要的朋友可以參考下。2017-02-02

