实现treeview类似pdf左侧的书签效果

转载 2011年01月12日 16:36:00

按照类似于“树”的结构组织数据,界面上直接利用大家经常用的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.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;
        }
这里要特别说明的是/*if (convertView == null) {*/将这个注释掉,按照平时的做法,我们都是第一次创建,以后再用就不用创建了,但是这样会有问题,因为我们是动态的向ArrayList里面添加、删除数据,如果添加删除完数据 后调用setListAdapter,那么每次重新加载数据,这样会出现不管你在哪里点击都会回到最上面,树形结构短的话看不出来,长的话就看出来了,所以每次重新加载数据后调用的是notifyDataSetChanged(),但是这个也有问题,就是“+”、“-”号的图标显示换乱,多点几次图标全部没有了,原因就在于每次getView的时候没有重新inflate,所以每次重新加载就可以了

 


描述:源代码
附件:  TreeView.zip (64 K) 

pdf转swf的Java实现,可用于实现类似百度文库的效果

在Java Web开发中,我们往往会遇到将pdf或word文档上传并显示在页面上用于供用户的查看,类似于百度文库或豆丁网的形式, 那么这种需求要如何实现呢? 经过一个下午的摸索与试验,终于小有成果...

C#实现左侧菜单效果

  • 2013年05月29日 10:16
  • 47KB
  • 下载

Android学习之书签效果的实现

小时候我们曾今特别钟爱笔记本,尤其是那种带有标签的。现在我给出一种实现效果。如果有更好更炫的请多多指教。 先上效果图: 其实这个效果主要在布局和美工上,左边标签使用的图标而非Tab。 ...
  • cjllife
  • cjllife
  • 2013年04月02日 14:47
  • 1211

treeViewControl js实现treeview效果

  • 2012年06月08日 09:54
  • 58KB
  • 下载

SlidingMenu实现左侧侧滑效果

***************************************SlidingMenu的左侧侧滑需要一个包slidingmenu.jar的帮助**********************...

jquery仿京东导航,仿淘宝商城左侧分类导航菜单,jquery实现下拉菜单效果

在网站建设中,特别是做商城和产品网站,通常会用到导航弹出菜单,像是jquery写的仿京东导航菜单,一个经典的左侧多级导航菜单,学会了可以任意改变布局。京东菜单已经有不少JS前端爱好者仿写过,今天蚂蚁网...

android下使用Fragment实现左侧3级菜单+动画效果

效果图如下: 点击每层的item 弹出下一层    核心代码如下: MainActivity package com.hsx.view; import com.hsx.frag...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现treeview类似pdf左侧的书签效果
举报原因:
原因补充:

(最多只允许输入30个字)