您好,登錄后才能下訂單哦!
之前做項目的時候做人員組織架構時候需要用到,同樣可以用于目錄視圖。簡單搜了一下沒有合適的,只找到一個基礎的有瑕疵的樹形結構,就在基礎上改了增加了復選框以及簡化了部分代碼。下面上演示效果圖,時長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, 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 // * 響應監聽的上下文 // * @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
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。