注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

享受编码

    的乐趣

 
 
 

日志

 
 

动态修改Tree的icon图标  

2011-01-20 11:18:03|  分类: Flex & as3 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  1. <mx:Tree id="nodesTree" width="100%" height="100%"  
  2. showRoot="false" labelField="@label"   
  3. itemRenderer="common.IconTreeRenderer" />  

  1. <root label="A">   
  2.     <node label="模型" icon="a.png" >   
  3. </root>  


ICON Tree渲染器 
读取XML里配置的icon图标路径,然后加载到树上面,隐藏树本身的ICON图标。 
Java代码 
  1. package common  
  2. {  
  3.     import flash.xml.*;  
  4.       
  5.     import mx.collections.*;  
  6.     import mx.controls.Alert;  
  7.     import mx.controls.Image;  
  8.     import mx.controls.listClasses.*;  
  9.     import mx.controls.treeClasses.*;  
  10.     /* 
  11.      *  ICON Tree的渲染器 
  12.      */  
  13.     public class IconTreeRenderer extends TreeItemRenderer  
  14.     {  
  15.         protected var myImage:Image;   
  16.         private var imageWidth:Number = 16;  
  17.         private var imageHeight:Number = 16;  
  18.         private static var defaultImg:String = "leaf.png";  
  19.   
  20.         public function IconTreeRenderer ()   
  21.         {  
  22.             super();  
  23.         }  
  24.   
  25.         override protected function createChildren():void  
  26.         {  
  27.             super.createChildren();  
  28.             myImage = new Image();  
  29.             myImage.source = defaultImg;  
  30.             myImage.width=imageWidth;  
  31.             myImage.height=imageHeight;  
  32.             myImage.setStyle( "verticalAlign""middle" );  
  33.             addChild(myImage);  
  34.   
  35.         }     
  36.         //通过覆盖data方法来动态设置tree的节点图标  
  37.         override public function set data(value:Object):void  
  38.         {  
  39.             super.data = value;  
  40.             var imageSource:String=value.@icon;  
  41.             if(imageSource!="")  
  42.             {  
  43.                 myImage.source=imageSource;  
  44.             }else{  
  45.                 myImage.source=defaultImg;  
  46.             }  
  47.         }  
  48.         //隐藏原有图标,并设置它的坐标  
  49.         override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void  
  50.         {  
  51.             super.updateDisplayList(unscaledWidth, unscaledHeight);  
  52.             if(super.data !=null)  
  53.             {  
  54.                 if (super.icon != null)  
  55.                 {  
  56.                     myImage.x = super.icon.x;  
  57.                     myImage.y = 2;  
  58.                     super.icon.visible=false;  
  59.                 }  
  60.                 else  
  61.                 {  
  62.                     myImage.x = super.label.x;  
  63.                     myImage.y = 2;  
  64.                     super.label.x = myImage.x + myImage.width + 17;  
  65.                 }  
  66.             }  
  67.         }  
  68.     }  
  69. }  
  评论这张
 
阅读(1630)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018