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

2019-12-10 19:04:51于海丽

在这里我想解释一下这个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;
}