溫馨提示×

溫馨提示×

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

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Android TreeView實現(xiàn)帶復選框樹形組織結構

發(fā)布時間:2020-09-21 04:42:34 來源:腳本之家 閱讀:267 作者:楠灬楓 欄目:移動開發(fā)

之前做項目的時候做人員組織架構時候需要用到,同樣可以用于目錄視圖。簡單搜了一下沒有合適的,只找到一個基礎的有瑕疵的樹形結構,就在基礎上改了增加了復選框以及簡化了部分代碼。下面上演示效果圖,時長25秒,手機卡見諒。

Android TreeView實現(xiàn)帶復選框樹形組織結構

復選框有兩種設計模式:

1、子節(jié)點選中則父節(jié)點選中,適合多級多item下方便了解哪些被選中;

2、子節(jié)點全部選中父節(jié)點才選中,更符合日常邏輯,適合少數(shù)量以及少層級。

下面上主要代碼:

首先上MainActivity,主要作用上加載layout以及讀取數(shù)據(jù)。實際中一般從數(shù)據(jù)庫獲取。命名較為隨意請見諒。

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表示為根節(jié)點,id的作用為標識對象身份,第三個參數(shù)此例子中是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對象當前主要有父節(jié)點Id,自身id以及值組成,自身id自加,父節(jié)點id,使用過程中根據(jù)實際使用增加成員屬性。比如作為組織架構,標識為人名還是一個空的部門,當前對象為第幾層級等等,以及從數(shù)據(jù)庫中獲取時候直接設置默認選中。

public class Node implements Serializable {
 private Node parent = null; // 父節(jié)點
 private List<Node> childrens = new ArrayList<Node>();//子節(jié)點
 private String value;//節(jié)點顯示值
 private boolean isChecked = false; //是否被選中
 private boolean isExpand = true;//是否處于擴展狀態(tài)
 private boolean hasCheckBox = true;//是否有復選框
 private String parentId = null;
 private String curId = null;
 
 
 //父節(jié)點集合
 private List<Node> parents = new ArrayList<>();
 
 /**
 * 設置節(jié)點值
 *
 * @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);
 }
 }
 }
 
 /**
 * 得到父節(jié)點
 */
 public Node getParent() {
 return parent;
 }
 /**
 * 設置父節(jié)點
 * @param parent
 */
 public void setParent(Node parent) {
 this.parent = parent;
 }
 /**
 * 得到子節(jié)點
 * @return
 */
 public List<Node> getChildrens() {
 return childrens;
 }
 /**
 * pandu是否根節(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;
 }
 /**
 * 設置展開狀態(tài)
 * @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;
 }
 
 
 
 
 /**
 * 得到節(jié)點值
 * @return
 *
 */
 public String getValue() {
 return value;
 }
 /**
 * 設置節(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é)點是否當前節(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);
 }
 /**
 * 遞歸獲取當前節(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;
 }
}

下面是核心代碼:

兩種選擇模式在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>();//緩存,記錄點狀態(tài)
 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));
 }
 }
 /**
 * 把一個節(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));
 }
 }
 /**
 * 設置展開收縮圖標
 * @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);
 checkChildren(n,isChecked);
// 有一個子節(jié)點選中,則父節(jié)點選中
 if (n.getParent()!=null)
 checkParent(n,isChecked);
// 有一個子節(jié)點未選中,則父節(jié)點未選中
// unCheckNode(n, isChecked);
 }
 
 /**
 * 對父節(jié)點操作時,同步操作子節(jié)點
 */
 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);
 }
 }
 /**
 * 有一個子節(jié)點選中,則父節(jié)點選中
 */
 public void checkParent(Node n,boolean isChecked){
// 有一個子節(jié)點選中,則父節(jié)點選中
 if (n.getParent()!=null&&isChecked){
 n.getParent().setChecked(isChecked);
 checkParent(n.getParent(),isChecked);
 }
// 全部子節(jié)點取消選中,則父節(jié)點取消選中
 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);
 }
 }
 
 /**
 * 有一個子節(jié)點未選中,則父節(jié)點未選中
 */
 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);
 }
 }
 }
 
 /**
 * 獲取所有選中節(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;
 }
 
 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;
 }
 /**
 * 控制展開縮放某節(jié)點
 * @param location
 *
 */
 public void ExpandOrCollapse(int location){
 Node n = all.get(location);//獲得當前視圖需要處理的節(jié)點 
 if(n!=null)//排除傳入?yún)?shù)錯誤異常
 {
 if(!n.isLeaf()){
 n.setExplaned(!n.isExplaned());// 由于該方法是用來控制展開和收縮的,所以取反即可
 filterNode();//遍歷一下,將所有上級節(jié)點展開的節(jié)點重新掛上去
 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,從緩存中將所有父節(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);
 }
 }
 
 @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());
 //葉節(jié)點不顯示展開收縮圖標
 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: 

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
// * 響應監(jiān)聽的上下文
// * @param root
// * 已經(jīng)掛好樹的根節(jié)點
// * @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()) {// 添加所有根節(jié)點到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);
 }
 /* 返回當前所有選中節(jié)點的List數(shù)組 */
 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

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI