之前做项目的时候做人员组织架构时候需要用到,同样可以用于目录视图。简单搜了一下没有合适的,只找到一个基础的有瑕疵的树形结构,就在基础上改了增加了复选框以及简化了部分代码。下面上演示效果图,时长25秒,手机卡见谅。
复选框有两种设计模式:
1、子节点选中则父节点选中,适合多级多item下方便了解哪些被选中;
2、子节点全部选中父节点才选中,更符合日常逻辑,适合少数量以及少层级。
下面上主要代码:
首先上MainActivity,主要作用上加载layout以及读取数据。实际中一般从数据库获取。命名较为随意请见谅。
public class MainActivity extends AppCompatActivity { List<Node> list = new ArrayList<Node>(); private TreeListView listView; private RelativeLayout relativeLayout,rl; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); relativeLayout = (RelativeLayout) findViewById(R.id.main_relative_layout); Context context=MainActivity.this; rl = new RelativeLayout(context); rl.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,RelativeLayout.LayoutParams.MATCH_PARENT)); listView = new TreeListView(context,initNodeTree()); listView.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,RelativeLayout.LayoutParams.MATCH_PARENT)); relativeLayout.addView(listView); } public List<Node> initNodeTree() { List<Node> member_list =new ArrayList<Node>(); // -1表示为根节点,id的作用为标识对象身份,第三个参数此例子中是text文本 member_list.add(new Node("" + -1,"1","111")); member_list.add(new Node(""+1,"2","222")); member_list.add(new Node("" + -1,"3","333")); member_list.add(new Node("" + 1,"4","444")); member_list.add(new Node("" + 4,"5","555")); member_list.add(new Node("" + 4,"6","666")); member_list.add(new Node("" + 4,"7","777")); member_list.add(new Node("" + 7,"8","888")); member_list.add(new Node("" + 8,"9","999")); member_list.add(new Node("" + 8,"10","101010")); list.addAll(member_list); return list; } }
接下来是Node类:
Node对象当前主要有父节点Id,自身id以及值组成,自身id自加,父节点id,使用过程中根据实际使用增加成员属性。比如作为组织架构,标识为人名还是一个空的部门,当前对象为第几层级等等,以及从数据库中获取时候直接设置默认选中。
public class Node implements Serializable { private Node parent = null; // 父节点 private List<Node> childrens = new ArrayList<Node>();//子节点 private String value;//节点显示值 private boolean isChecked = false; //是否被选中 private boolean isExpand = true;//是否处于扩展状态 private boolean hasCheckBox = true;//是否有复选框 private String parentId = null; private String curId = null; //父节点集合 private List<Node> parents = new ArrayList<>(); /** * 设置节点值 * * @param parentId * TODO * @param curId * TODO */ public Node( String parentId,String curId,String value) { // TODO Auto-generated constructor stub this.value = value; this.parentId = parentId; this.curId = curId; } public List<Node> getParents() { return parents; } public void setParents(Node node) { if(node != null) { if (!parents.contains(node)) { parents.add(node); } } } /** * 得到父节点 */ public Node getParent() { return parent; } /** * 设置父节点 * @param parent */ public void setParent(Node parent) { this.parent = parent; } /** * 得到子节点 * @return */ public List<Node> getChildrens() { return childrens; } /** * pandu是否根节点 * @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 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; } }
下面是核心代码:
两种选择模式在treeAdapter中进行修改。
package com.example.administrator.treeview.treeView; import android.content.Context; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.CheckBox; import android.widget.ImageView; import android.widget.TextView; import com.example.administrator.treeview.R; import java.util.ArrayList; import java.util.List; 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); checkChildren(n,isChecked); // 有一个子节点选中,则父节点选中 if (n.getParent()!=null) checkParent(n,isChecked); // 有一个子节点未选中,则父节点未选中 // unCheckNode(n,isChecked); } /** * 对父节点操作时,同步操作子节点 */ public void checkChildren(Node n,boolean isChecked){ for(int i =0 ;i<n.getChildrens().size();i++){ n.getChildrens().get(i).setChecked(isChecked); checkChildren(n.getChildrens().get(i),isChecked); } } /** * 有一个子节点选中,则父节点选中 */ public void checkParent(Node n,boolean isChecked){ // 有一个子节点选中,则父节点选中 if (n.getParent()!=null&&isChecked){ n.getParent().setChecked(isChecked); checkParent(n.getParent(),isChecked); } // 全部子节点取消选中,则父节点取消选中 if (n.getParent()!=null &&!isChecked){ for (int i = 0; i < n.getParent().getChildrens().size(); i++) { if (n.getParent().getChildrens().get(i).isChecked()) { checkParent(n.getParent(),!isChecked); return ; } } n.getParent().setChecked(isChecked); checkParent(n.getParent(),isChecked); } } /** * 有一个子节点未选中,则父节点未选中 */ public void unCheckNode(Node n,boolean isChecked){ boolean flag = false; n.setChecked(isChecked); if(n.getParent() != null ){ 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; } public void setSelectedNode(List<String> selectedNode){ for (int i=0;i<cache.size();i++) { if(selectedNode.contains(cache.get(i).getCurId())) { cache.get(i).setChecked(true); cache.get(i).getParent().setChecked(true); } } } /** * 设置是否有复选框 * @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); } } @Override public int getCount() { // TODO Auto-generated method stub return all.size(); } @Override public Object getItem(int location) { // TODO Auto-generated method stub return all.get(location); } @Override public long getItemId(int location) { // TODO Auto-generated method stub return location; } @Override public View getView(final int location,View view,ViewGroup viewgroup) { final Node n = all.get(location); //ViewItem vi = null; if(view == null){ view = lif.inflate(R.layout.member_item,null); vi = new ViewItem(); vi.cb = (CheckBox)view.findViewById(R.id.checkBox); vi.flagIcon = (ImageView)view.findViewById(R.id.disclosureImg); vi.tv = (TextView)view.findViewById(R.id.contentText); 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(n!=null){ if(vi==null||vi.cb==null) System.out.println(); vi.cb.setTag(n); vi.cb.setChecked(n.isChecked()); //叶节点不显示展开收缩图标 if(n.isExplaned()){ if(expandIcon!=-1){ vi.flagIcon.setImageResource(expandIcon); } } else{ if(collapseIcon!=-1){ vi.flagIcon.setImageResource(collapseIcon); } } //显示文本 vi.tv.setText(n.getValue()); // 控制缩进 vi.flagIcon.setPadding(100*n.getLevel(),3,3); if(n.isLeaf()){ vi.flagIcon.setVisibility(View.INVISIBLE); } else{ vi.flagIcon.setVisibility(View.VISIBLE); } //设置是否显示复选框 if(n.hasCheckBox()){ vi.cb.setVisibility(View.VISIBLE); } else{ vi.cb.setVisibility(View.GONE); } } return view; } public class ViewItem{ private CheckBox cb; private ImageView flagIcon; private TextView tv; } }
接下来是TreeListView:
package com.example.administrator.treeview.treeView; import android.content.Context; import android.util.Log; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.LinearLayout; import android.widget.ListView; import android.widget.RelativeLayout; import com.example.administrator.treeview.R; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import java.util.LinkedHashMap; import java.util.List; import java.util.Map; import java.util.Set; public class TreeListView extends ListView { ListView treelist = null; TreeAdapter ta = null; public List<Node> mNodeList; private List<Node> checkList; public TreeListView(final Context context,List<Node> res) { super(context); treelist = this; treelist.setFocusable(false); treelist.setBackgroundColor(0xffffff); treelist.setFadingEdgeLength(0); treelist.setLayoutParams(new ViewGroup.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,RelativeLayout.LayoutParams.MATCH_PARENT)); treelist.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent,int position,long id) { ((TreeAdapter) parent.getAdapter()).ExpandOrCollapse(position); } }); initNode(context,initNodRoot(res),true,-1,0); } // 使用 onMeasure 方法,来解决尺寸高度的问题,以及事件冲突的问题; protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec) { heightMeasureSpec = MeasureSpec.makeMeasureSpec( Integer.MAX_VALUE>>2,MeasureSpec.AT_MOST ); super.onMeasure(widthMeasureSpec,heightMeasureSpec); } // /** // * // * @param context // * 响应监听的上下文 // * @param root // * 已经挂好树的根节点 // * @param hasCheckBox // * 是否整个树有复选框 // * @param tree_ex_id // * 展开iconid -1会使用默认的 // * @param tree_ec_id // * 收缩iconid -1会使用默认的 // * @param expandLevel // * 初始展开等级 // * // */ public List<Node> initNodRoot(List<Node> res) { ArrayList<Node> list = new ArrayList<Node>(); ArrayList<Node> roots = new ArrayList<Node>(); Map<String,Node> nodemap = new LinkedHashMap<String,Node>(); for (int i = 0; i < res.size(); i++) { Node nr = res.get(i); Node n = new Node( nr.getParentId(),nr.getCurId(),nr.getValue()); nodemap.put(n.getCurId(),n);// 生成map树 } Set<String> set = nodemap.keySet(); Collection<Node> collections = nodemap.values(); Iterator<Node> iterator = collections.iterator(); while (iterator.hasNext()) {// 添加所有根节点到root中 Node n = iterator.next(); if (!set.contains(n.getParentId())) roots.add(n); list.add(n); } for (int i = 0; i < list.size(); i++) { Node n = list.get(i); for (int j = i + 1; j < list.size(); j++) { Node m = list.get(j); if (m.getParentId() .equals( n.getCurId())) { n.addNode(m); m.setParent(n); m.setParents(n); } else if (m.getCurId() .equals( n.getParentId())) { m.addNode(n); n.setParent(m); m.setParents(m); } } } return roots; } public void initNode(Context context,List<Node> root,boolean hasCheckBox,int tree_ex_id,int tree_ec_id,int expandLevel) { ta = new TreeAdapter(context,root); //获取 mNodeList = ta.all; // 设置整个树是否显示复选框 ta.setCheckBox(true); // 设置展开和折叠时图标 int tree_ex_id_ = (tree_ex_id == -1) ? R.drawable.down_icon : tree_ex_id; int tree_ec_id_ = (tree_ec_id == -1) ? R.drawable.right_icon : tree_ec_id; ta.setCollapseAndExpandIcon(tree_ex_id_,tree_ec_id_); // 设置默认展开级别 ta.setExpandLevel(expandLevel); this.setAdapter(ta); } /* 返回当前所有选中节点的List数组 */ public List<Node> get() { Log.d("get",ta.getSelectedNode().size() + ""); return ta.getSelectedNode(); } public void setSelect(List<String> allSelect){ ta.setSelectedNode(allSelect); }}
资源地址:Android带复选框的树形组织架构treeListView
github链接:treeListView