博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在TWaver Flex中定制Tree的tooltip
阅读量:5219 次
发布时间:2019-06-14

本文共 3553 字,大约阅读时间需要 11 分钟。

如果您显示过Tree的ToolTip,会发现这个tooltip离鼠标太远了;而且也无法跟随鼠标一起移动;最重要的是,如果想动态更改tooltip也很麻烦。

还是自定义ToolTip灵活:

1. 设置tree.toolTipFunction,关闭默认的tooltip

tree.toolTipFunction = function(element:IData):String {	return null;}

2. 监听mousemove事件,动态显示、隐藏以及更新tooltip

tree.addEventListener(MouseEvent.MOUSE_MOVE, function(e:MouseEvent):void {	handleMouseMove(e);});

3. 由于tree.getTreeDataByMouseEvent方法中,即使鼠标在空白处也有返回值,所以需要特殊处理一下,判断鼠标是否在icon或者text上:

private function showToolTip():Boolean {	var obj:InteractiveObject = null;	var mousePoint:Point = new Point(stage.mouseX, stage.mouseY);	var objects:Array = stage.getObjectsUnderPoint(mousePoint);	for (var i:int = objects.length-1; i>=0; i--) {		if (objects[i] is InteractiveObject) {			obj = objects[i] as InteractiveObject;			break;		} else {			if (objects[i] is Shape && (objects[i] as Shape).parent) {				obj = (objects[i] as Shape).parent;				break;			}		}	}	return obj is UIComponent || obj is UITextField;}

效果如下:

完整代码: 

=0; i--) { if (objects[i] is InteractiveObject) { obj = objects[i] as InteractiveObject; break; } else { if (objects[i] is Shape && (objects[i] as Shape).parent) { obj = (objects[i] as Shape).parent; break; } } } return obj is UIComponent || obj is UITextField; } ]]>

 完整代码见附件:

转载于:https://www.cnblogs.com/twaver/archive/2012/09/20/2694907.html

你可能感兴趣的文章
Software Testing -- HW3
查看>>
liunx dd 读取系统文件
查看>>
window.localStorag使用
查看>>
Adapter的实现
查看>>
京东前端:PhantomJS 和NodeJS在网站前端监控平台的最佳实践
查看>>
UIDynamic(捕捉行为)
查看>>
MySql指令大全
查看>>
winform-windowsmediaplayer设置可视化效果之条形
查看>>
数组指针与指针数组辨析。菜鸟也能看懂(毕竟是菜鸟写的)
查看>>
【原创】再度测试,曾几何时
查看>>
网络流学习(转载自ssw 的博客)
查看>>
Unicode 字符和UTF编码的理解
查看>>
CTS2018+1没去记&APIO2018+1游记
查看>>
记录一条纠结了SQL语句
查看>>
IndiaHacks 2016 - Online Edition (Div. 1 + Div. 2)——A - Bear and Three Balls(unique函数的使用)...
查看>>
[POJ3211]Washing Clothes
查看>>
jmeter接口测试--响应结果Unicode转码成中文
查看>>
打印购物单
查看>>
Scala知识点总结(上半部分)
查看>>
我遇到了改变的机会
查看>>