前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android TreeView实现带复选框树形组织结构

Android TreeView实现带复选框树形组织结构

作者头像
砸漏
发布2020-10-19 14:18:40
2.5K1
发布2020-10-19 14:18:40
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

之前做项目的时候做人员组织架构时候需要用到,同样可以用于目录视图。简单搜了一下没有合适的,只找到一个基础的有瑕疵的树形结构,就在基础上改了增加了复选框以及简化了部分代码。下面上演示效果图,时长25秒,手机卡见谅。

复选框有两种设计模式:

1、子节点选中则父节点选中,适合多级多item下方便了解哪些被选中;

2、子节点全部选中父节点才选中,更符合日常逻辑,适合少数量以及少层级。

下面上主要代码:

首先上MainActivity,主要作用上加载layout以及读取数据。实际中一般从数据库获取。命名较为随意请见谅。

代码语言:javascript
复制
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,使用过程中根据实际使用增加成员属性。比如作为组织架构,标识为人名还是一个空的部门,当前对象为第几层级等等,以及从数据库中获取时候直接设置默认选中。

代码语言:javascript
复制
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中进行修改。

代码语言:javascript
复制
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, 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:

代码语言:javascript
复制
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, View view,
int position, long id) {
((TreeAdapter) parent.getAdapter()).ExpandOrCollapse(position);
}
});
initNode(context, initNodRoot(res), true, -1, -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

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档