Android TreeView效果实现方法(附demo源码下载)

时间:2022-04-23 07:04:45

本文实例讲述了android treeview效果实现方法。分享给大家供大家参考,具体如下:

应该说很多的操作系统上面都提供了treeview空间,实现树形结构,这个树形结构的应用时很广泛的,而google开发android的时候出于android手机是触摸屏幕的考虑,用手指操作树形结构很不方便,从这方面考虑没有提供treeview的空间,而是只是提供了一个expandablelistview:android中的二级树型widget,虽然已经能满足不少的功能需求,例如书签的功能就可以使用这个控件,但是随着应用的不断增多这个就不能满足要求了,例如pdf中左侧的目录的功能,就需要树形结构来实现。下面的这个应用就是基于pdf左侧的目录结构为原型写的,那首先贴上效果图:

Android TreeView效果实现方法(附demo源码下载)Android TreeView效果实现方法(附demo源码下载)

Android TreeView效果实现方法(附demo源码下载)Android TreeView效果实现方法(附demo源码下载)

这个的思路是:按照类似于“树”的结构组织数据,界面上直接利用大家经常用的listview实现的。下面这个是节点信息的类:

?
1
2
3
4
5
6
7
8
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解释一下,大家肯定能做出来

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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程序设计有所帮助。