Android多级树形菜单并且支持多选功能

最近遇到了一些非常不爽的事情,心情很不好,突然想到,我可以静下心来,写写博客,来平复一下自己的心情,哈哈。。。
公司有一个需求,实现一个多级的树形菜单,并且支持多选功能,实现这个功能之前,我在网上找了找,树形菜单很好找,但是支持多选功能并没有很合适的,所以没办法,只能自己动手写了,由于本人第一次写博客,如果有什么不足的地方,大家多多指教。

这个是效果图:

这个菜单是可以无限极分类的,如果父元素的子元素,都被选了,父元素的checkbox应该自动选中,或者说选中一个父元素,当前父元素下的子元素应该全部被选中。就是这样的一个效果!

这样的树形结构,重点是我们应该怎样去定义数据结构,这个是Node实体类:

public class Node implements Serializable {
    private Node parent = null; // 父节点
    private List<Node> childrens = new ArrayList<Node>();//子节点
    private String title;//节点显示文字
    private String value;//节点显示值
    private boolean isChecked = false; //是否被选中
    private boolean isExpand = true;//是否处于扩展状态
    private boolean hasCheckBox = true;//是否有复选框
    private String parentId = null;
    private String curId = null;
    private boolean isVisiable = true;


    //自己加的,父节点集合
    private List<Node> parents = new ArrayList<>();

    /**
     * 设置节点值
     *
     * @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;
    }
    /**
     * 得到父节点
     * @return
     *
     */
    public Node getParent() {
        return parent;
    }
    /**
     * 设置父节点
     * @param parent
     *
     */
    public void setParent(Node parent) {
        this.parent = parent;
    }
    /**
     * 得到子节点
     * @return
     *
     */
    public List<Node> getChildrens() {
        return childrens;
    }
    /**
     * 是否根节点
     * @return
     *
     */
    public boolean isRoot(){
        return parent ==null?true:false;
    }
    /**
     * 是否被选中
     * @return
     *
     */
    public boolean isChecked() {
        return isChecked;
    }
    public void setChecked(boolean isChecked) {
        this.isChecked = isChecked;
    }
    /**
     * 是否是展开状态
     * @return
     *
     */
    public boolean isExplaned() {
        return isExpand;
    }
    /**
     * 设置展开状态
     * @param isExplaned
     *
     */
    public void setExplaned(boolean isExplaned) {
        this.isExpand = isExplaned;
    }
    /**
     * 是否有复选框
     * @return
     *
     */
    public boolean hasCheckBox() {
        return hasCheckBox;
    }
    /**
     * 设置是否有复选框
     * @param hasCheckBox
     *
     */
    public void setHasCheckBox(boolean hasCheckBox) {
        this.hasCheckBox = hasCheckBox;
    }
    /**
     * 得到节点标题
     * @return
     *
     */
    public String getTitle() {
        return title;
    }
    /**
     * 设置节点标题
     * @param title
     *
     */
    public void setTitle(String title) {
        this.title = title;
    }
    /**
     * 得到节点值
     * @return
     *
     */
    public String getValue() {
        return value;
    }
    /**
     * 设置节点值
     * @param value
     *
     */
    public void setValue(String value) {
        this.value = value;
    }
    /**
     * 增加一个子节点
     * @param node
     *
     */
    public void addNode(Node node){
        if(!childrens.contains(node)){
            childrens.add(node);
        }
    }
    /**
     * 移除一个子节点
     * @param node
     *
     */
    public void removeNode(Node node){
        if(childrens.contains(node))
            childrens.remove(node);
    }
    /**
     * 移除指定位置的子节点
     * @param location
     *
     */
    public void removeNode(int location){
        childrens.remove(location);
    }
    /**
     * 清除所有子节点
     *
     */
    public void clears(){
        childrens.clear();
    }
    /**
     * 判断给出的节点是否当前节点的父节点
     * @param node
     * @return
     *
     */
    public boolean isParent(Node node){
        if(parent == null)return false;
        if(parent.equals(node))return true;
        return parent.isParent(node);
    }
    /**
     * 递归获取当前节点级别
     * @return
     *
     */
    public int getLevel(){
        return parent ==null?0:parent.getLevel()+1;
    }
    /**
     * 父节点是否处于折叠的状态
     * @return
     *
     */
    public boolean isParentCollapsed(){
        if(parent ==null)return false;
        if(!parent.isExplaned())return true;
        return parent.isParentCollapsed();
    }
    /**
     * 是否叶节点(没有展开下级的几点)
     * @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;
    }
}

这里定义了父节点和子节点,为什么这么定义呢,因为方便对节点的操作,这样子我们可以通过父节点查找子节点,也可以通过子节点去查找父节点。

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;

这里是我们的数据源,要说明一点是,无论我们从接口拿到的是什么数据,统一要给它们添加父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;//展开图标
    private int collapseIcon = -1;//收缩图标

    ViewItem vi = null;

//  //存储checkbox选中的集合
//  private List<>

    /**
     * 构造方法
     */
    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));
        }
    }
    /**
     * 把一个节点上的所有的内容都挂上去
     * @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));
        }
    }
    /**
     * 设置展开收缩图标
     * @param expandIcon
     * @param collapseIcon
     *
     */
    public void setCollapseAndExpandIcon(int expandIcon,int collapseIcon){
        this.collapseIcon = collapseIcon;
        this.expandIcon = expandIcon;
    }
    /**
     * 一次性对某节点的所有节点进行选中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);
            }
            //}
        }

    }

    /**
     * 获取所有选中节点
     * @return
     *
     */
    public List<Node>getSelectedNode(){
        Log.d("getSelectedNode", "我被执行了!");
        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;
    }
    /**
     * 设置是否有复选框
     * @param hasCheckBox
     *
     */
    public void setCheckBox(boolean hasCheckBox){
        this.hasCheckBox = hasCheckBox;
    }
    /**
     * 控制展开缩放某节点
     * @param location
     *
     */
    public void ExpandOrCollapse(int location){
        Node n = all.get(location);//获得当前视图需要处理的节点 
        if(n!=null)//排除传入参数错误异常
        {
            if(!n.isLeaf()){
                n.setExplaned(!n.isExplaned());// 由于该方法是用来控制展开和收缩的,所以取反即可
                filterNode();//遍历一下,将所有上级节点展开的节点重新挂上去
                this.notifyDataSetChanged();//刷新视图
            }
        }

    }
    /**
     * 设置展开等级
     * @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,从缓存中将所有父节点不为收缩状态的都挂上去*/
    public void filterNode(){
        all.clear();
        for(int i = 0;i<cache.size();i++){
            Node n = cache.get(i);
            if(!n.isParentCollapsed()||n.isRoot())//凡是父节点不收缩或者不是根节点的都挂上去
                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());
            //叶节点不显示展开收缩图标
            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);
                    }
                }
            }
            //设置是否显示复选框
            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里进行操作的,我也不多说什么了,看代码就能一目了然了。

对了,我记得当时树形菜单是一个人分享的,具体是哪个人我忘记了,我在他的基础上又做了修改,非常感谢那个人的分享。

多说无益,看看源代码比什么都强,一会我会附上源代码。

这里下载源码

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小强冲冲冲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值