论坛首页 编程语言技术论坛

使用ActionScript3手动实现树形结构

浏览 2583 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-08-20  
最近公司项目需要,开始学习ActionScript。项目需要实现树形结构,类似于组织结构,但是树是动态来实现的,树的数据来源是通过读取xml文件来获得的,即树的深度和广度是不定的,还有就是画树的面板宽度和高度也是不定的,是可配的,由前台页面传递。
经过几天的努力,做出了一个版本,效果如图:



思路如下:
1、首先解析xml,获得树的叶子节点树和树的层次
2、根据传递的面板的宽度和高度,计算出叶子节点(矩形)的宽度和高度
3、开始画叶子节点
4、画完叶子节点后,开始画其父级节点,父级节点的坐标由其孩子节点坐标确定,通过递归一层一层的向上画节点,直至根节点(也就是父节点为空的节点)

虽然这样可以实现动态的树形结构,但是在美观样式上会出现问题。但树左右两边节点差不多多,比较匀称时,样子还算可以,但是当一边节点少,另一边节点偏多时,就会出现一边偏空,另一边偏挤,在视觉效果上并不好。请问大家有没有好的想法和建议,欢迎大家批评和指教。
  • 大小: 45.3 KB
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics