首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flex tree浮动揭示每个item信息

2012-10-17 
flex tree浮动提示每个item信息???private var myToolTip:ToolTip //存放创建的ToolTip类传递给销毁中用

flex tree浮动提示每个item信息

???private var myToolTip:ToolTip; //存放创建的ToolTip类传递给销毁中用的参数
???ToolTipManager.showDelay=500;
??????????? ToolTipManager.hideDelay=10000;
??????????? ToolTipManager.scrubDelay=100;

???///当鼠标移动到一个tree中条目上创建ToolTip,并显示出需要的数据格式
???private function itemRollOverHandler(event:ListEvent):void
???{
????//在tree的每个条目节点的数据,属性名和值一一对应的格式如{id:1, label:"Head Office", description:"All organizations under the jurisdiction", data:"1", parent:obj},
????var o:Object=event.itemRenderer.data;
????//var br:String="\r"; //这个是在toolTip显示的内容中换行 也可用\n ,就是回车符号
????//拼凑要在tree的每个条目ToolTip中的显示格式
????var toolTip:String="权重:" + o.weight;

????///以下是对ToolTip的样式的设置,包括ToolTip的档个角圆滑程度、字体、字体颜色、背影色。
????StyleManager.getStyleDeclaration("ToolTip").setStyle("cornerRadius", "10");
????StyleManager.getStyleDeclaration("ToolTip").setStyle("fontFamily", "Arial");
????StyleManager.getStyleDeclaration("ToolTip").setStyle("fontSize", "12");
????StyleManager.getStyleDeclaration("ToolTip").setStyle("color", "black");
????StyleManager.getStyleDeclaration("ToolTip").setStyle("backgroundColor", "white");

????//把鼠标当前的全局绝对坐标放到P中,在转换成相对于tree中鼠标的位置,用于定位ToolTip的显示坐标
????var p:Point=new Point();
????p.x=mouseX;
????p.y=mouseY;
????///当鼠标移出当前tree的条目时,发现有已经创建好的ToolTip没有销毁掉,继续销毁它???????????????????????????????????????????????????????????????????????????????? if(myToolTip is ToolTip)
????if (myToolTip != null)
????{??
?????ToolTipManager.destroyToolTip(myToolTip);
????}
????var ltg:Point=myTree.contentToLocal(p);
????//创建一个自己需要的ToolTip的显示对象,并放到myToolTip 中,当鼠标离开时销毁这个ToolTip
????myToolTip=ToolTipManager.createToolTip(toolTip, ltg.x, ltg.y) as ToolTip;
???}


???private function itemRollOutHandler(event:ListEvent):void
???{
????///当鼠标移出当前tree的条目时,发现有已经创建好的ToolTip就销毁掉,toolTip就消失了
????if (myToolTip is ToolTip)
?????ToolTipManager.destroyToolTip(myToolTip);
????myToolTip=null;
???}

?

?(转载请注明出处:[url=http://www.live588.org]淘金盈[/url])

1 楼 疾风摇云 2011-06-24   楼主这段代码是flex4的吗?我也遇到tree的tooltip的问题。希望楼主多写点关于tree显示提示信息的帖子。我按照楼主的帖子写了下自己的tree,效果不是很明显。flex4的tree提示信息显示好像有点问题,就是在鼠标放到tree节点的时候,提示信息会反复消失出现。感觉是提示信息出现的时候,节点就会失去焦点,然后提示信息消失,而节点又会获得焦点,如此返回,很是头疼。

热点排行