本文实例讲述了Android TreeView效果实现方法。分享给大家供大家参考,具体如下:
应该说很多的操作系统上面都提供了TreeView空间,实现树形结构,这个树形结构的应用时很广泛的,而Google开发Android的时候出于Android手机是触摸屏幕的考虑,用手指操作树形结构很不方便,从这方面考虑没有提供TreeView的空间,而是只是提供了一个ExpandableListView:android中的二级树型Widget,虽然已经能满足不少的功能需求,例如书签的功能就可以使用这个控件,但是随着应用的不断增多这个就不能满足要求了,例如pdf中左侧的目录的功能,就需要树形结构来实现。下面的这个应用就是基于pdf左侧的目录结构为原型写的,那首先贴上效果图:
这个的思路是:按照类似于“树”的结构组织数据,界面上直接利用大家经常用的listview实现的。下面这个是节点信息的类:
public class PDFOutlineElement { private String id;//当前节点的id private String outlineTitle ;//节点上面显示的信息 private boolean mhasParent ; //是否有父节点 private boolean mhasChild ;//是否有孩子节点 private String parent;//父节点的id private int level;//当前节点所在的层次 }
在这里我想解释一下这个level,是很关键的,他表示的是当前节点所在的层次,不要小看他,正是他帮助我们在界面上显示出来了层次效果,其实这个树形结构并不是树形结构,所有的数据都维护在一个ArrayList里面,某一个节点A下面有子节点B、C,其实A、B、C这三个节点在ArrayList里面是顺序存放的,如果A的层次是level,那个他的子节点的层次是level+1,我们在getView()的时候我们可以不借助系统自动给我们画上,而是可以自己指定他的位置holder.icon.setPadding(25 * (level + 1), holder.icon.getPaddingTop(), 0, holder.icon.getPaddingBottom());,这样他的子节点便具有了缩进的效果。
还有比较关键的点是如何实现“展开”和 “缩回”的效果,其实这个只不过 是当单击摸个节点的时候,如果这个节点下面有子节点而且是“缩回”的,就把他的所有的子节点都从那个ArrayList里面删除调,然后 notifyDataSetChanged(),同理就是“展开”的时候,就是在这个节点后面添加子节点到ArrayList里面,然后 notifyDataSetChanged()。
其实说到这里大家应该知道怎么做了,这个树形结构不是真树,而就是一个ListView,通过往ArryList里面添加删除数据控制信息,通过setPadding()实现缩进
明白了这个思路,我把getView解释一下,大家肯定能做出来
public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = mInflater.inflate(R.layout.outline, null); holder = new ViewHolder(); holder.text = (TextView) convertView.findViewById(R.id.text); holder.icon = (ImageView) convertView.findViewById(R.id.icon); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } int level = mfilelist.get(position).getLevel();//每次根据节点的层次绘制显示的位置 holder.icon.setPadding(25 * (level + 1), holder.icon .getPaddingTop(), 0, holder.icon.getPaddingBottom()); holder.icon.setVisibility(View.VISIBLE); holder.text.setText(mfilelist.get(position).getOutlineTitle()); //如果有孩子而且当前是不是展开的图标设置为“+”号的图标 if (mfilelist.get(position).isMhasChild() && (mfilelist.get(position).isExpanded() == false)) { holder.icon.setImageBitmap(mIconCollapse); } else if (mfilelist.get(position).isMhasChild() && (mfilelist.get(position).isExpanded() == true)) { //如果有孩子而且当前是不是展开的图标设置为“+”号的图标 holder.icon.setImageBitmap(mIconExpand); } else if (!mfilelist.get(position).isMhasChild()){ holder.icon.setImageBitmap(mIconCollapse); holder.icon.setVisibility(View.INVISIBLE);//这里不要设置为GONE,因为GONE不显示而且不占位置的,而INVISIBLE是不显示但是占位置的 } return convertView; }
完整实例代码点击此处本站下载。
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
TreeView效果
three.js实现demo源码、treeview demo、treeview delphi demo、ratreeview demo、jquery treeview demo,以便于您获取更多的相关知识。