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;
}
下面是程序的源码下载地址：

http://download.csdn.net/source/3013850

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/GaoMatrix/archive/2011/02/08/6174915.aspx

更多相关文章

随机推荐