实现Android 中的TreeView效果 -

senlinwuran

浏览: 15479 次
性别:
来自: 北京

最近访客更多访客>>

cigogo

姚学谦

Jason-518

aop

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

实现Android 中的TreeView效果

博客分类：

android

TreeView控件用来显示信息的分级视图，如同Windows里的资源管理器的目录。TreeView控件中的各项信息都有一个与之相关的Node对象。TreeView显示Node对象的分层目录结构，每个Node对象均由一个Label对象和其相关的位图组成。在建立TreeView控件后，我们可以展开和折叠、显示或隐藏其中的节点。TreeView控件一般用来显示文件和目录结构、文档中的类层次、索引中的层次和其他具有分层目录结构的信息。

思路是：按照类似于“树”的结构组织数据，界面上直接利用大家经常用的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()。

明白了这个思路，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.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;
      }