`
viking.liu
  • 浏览: 53951 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于 Flex Tree 的 ToolTip问题

    博客分类:
  • Flex
阅读更多
ToolTip只能对Flex Tree的整个组件进行设置(使用Tree的dataTipField属性设置),并不能对每个树节点都设置。如果要实现每个树节点又不同的ToolTip功能,那么就只能自定义ToolTip了。主要有两种方式:

1、dataTipFunction(不推荐使用,虽然方法简单,但是效果非常不好。tip的位置不能动态改变,会出现不停闪烁的情况)
2、itemRollOver 和 itemRollOut(这种效果好,控制灵活,但是相对来说复杂一点)
  
===================================================
Tree要显示的数据如下:

<projects>
 <project name="SapIntegration" pid="1">
  <depot name="Yorktown:1770" did="1" desc="p4admin:Hiren"/>
  <depot name="Halifax: 1700" did="2" desc="p4admin:Hiren Dave"/>
 </project>
 <project name="LiveCycle Core QE" pid="2">
  <depot name="faramir:1666" did="3" desc="p4admin:Dean Harmon"/> 
   <depot name="redcloud:1850 " did="4" desc="p4admin:Kiyotaka Taki"/>
 </project>
</projects>




===================================================
第一种情况:

private function getToolTip(obj:Object):String{
  var xml:XML=obj as XML;
  return obj.@desc;
}

<mx:Tree id="projects" width="207" height="100%"    
   change="selectChange(event)" 
    dataProvider="{projectdepots}" labelField="@name"  
     dataTipFunction="getToolTip" showDataTips="true"/>

===================================================

第二种情况:
import mx.controls.ToolTip;
import mx.events.ListEvent;
import mx.managers.ToolTipManager;
import flash.geom.Point;

private var myToolTip:ToolTip; 

private function itemRollOverHandler(event:ListEvent):void{
	var node:XML=event.itemRenderer.data as XML;
	if(node.localName()!="project"){
		var toolTip:String= node.@desc;				
		var p:Point=new Point();
		p.x=mouseX;
		p.y=mouseY;
		if (myToolTip != null){   
			ToolTipManager.destroyToolTip(myToolTip);
		}
		var ltg:Point=projects.contentToLocal(p);	
		myToolTip= ToolTipManager.createToolTip(toolTip, ltg.x, ltg.y) as ToolTip;
	}
	
}

private function itemRollOutHandler(event:ListEvent):void{
	if (myToolTip is ToolTip){
		ToolTipManager.destroyToolTip(myToolTip);	   
	}
	myToolTip=null;
}




<mx:Tree id="projects" width="207" height="100%"    
   change="selectChange(event)" 
    dataProvider="{projectdepots}" labelField="@name"  
     itemRollOver="itemRollOverHandler(event)"	
     itemRollOut="itemRollOutHandler(event)" 
     showDataTips="true"/>

分享到:
评论

相关推荐

    Flex tree项目行上加toolTip提示(两种实现方式)

    有时候tree节点内容太长,就需要用toolTip来实现鼠标滑过时提示全部内容。用两种方式实现. 1.通过itemRollOver和itemRollOut,使用ToolTipManager自定义实现 2.树本身属性showDataTips,加了一些小优化。 ...

    flex tooltip

    这篇博客文章虽然没有提供具体的描述,但从标签“源码 工具”我们可以推测,博主可能分享了关于如何创建、自定义或使用Flex Tooltip的源代码和相关工具。通常,Flex Tooltip可以通过MXML或ActionScript进行设置和...

    Flex 自定义ToolTip

    ### Flex自定义ToolTip详解 在Flex开发中,`ToolTip`是一种非常实用的界面元素,用于在用户悬停或聚焦某个控件时显示额外的信息。默认情况下,Flex提供了基本的`ToolTip`功能,但有时为了满足特定的设计需求或者...

    MFC_ToolTip超级类(可以实现各种类型的ToolTip的弹出)

    `ToolTip`控件通常用来提供关于用户界面上各个控件的额外信息,当鼠标悬停在这些控件上时会短暂显示。默认情况下,`ToolTip`只显示一行文本,但通过扩展这个类,我们可以实现更多的效果,如多行提示、自定义样式、...

    flex ToolTip汇总

    本文将深入探讨“flex ToolTip”的概念、使用方法和常见应用,这在网页和桌面应用的交互设计中起着重要作用。 `ToolTip`是用户界面中的一个关键元素,它提供了一种在鼠标悬停时显示额外信息的方式。在flex中,`...

    tree设置...悬浮出现文字提示.vue

    iview tree文字过长设置成带...同时鼠标悬浮出现文字提示

    表格单元格自定义ToolTip组件

    "表格单元格自定义ToolTip组件"是一个专门解决UI交互问题的工具,它允许开发者根据需求为表格中的每个单元格提供更加详细和丰富的信息提示。这种自定义的ToolTip在Flex组件上特别有用,Flex是一种强大的富互联网应用...

    Tooltip

    【Tooltip】是一个在软件开发中常见的用户界面元素,它的全称是“工具提示”,用于向用户提供额外的信息。当用户将鼠标悬停在某个控件上时,Tooltip会显示一个小窗口,展示该控件的功能或者相关说明,帮助用户理解不...

    TreeToolTip

    标题中的"TreeToolTip"指的是在树控件(TreeCtrl)中使用ToolTip技术,这是一种常见的Windows应用程序用户界面元素,用于提供额外的信息或指导。在VC++(Microsoft Visual C++)环境中,开发人员可以利用MFC...

    c# ToolTip 几十种效果 集合了各种ToolTip 效果 很难得哦 源码

    【标签】重复了标题的内容,强调了这是关于C#中ToolTip的各种效果集合,并且源码是难得的资源。 从【压缩包子文件的文件名称列表】来看: - ToolTip.sln:这是一个Visual Studio解决方案文件,包含了项目的所有配置...

    flex4图表提示信息重写

    flex4 chart toolTip颜色与图形一致 重写flex chart ToolTip样式

    WXA-ToolTip-微信小程序-ToolTip信息提示组件.zip

    微信小程序-ToolTip信息提示组件导入将ToolTip文件夹复制到pages文件夹内使用在需要使用ToolTip的页面对应的.wxml文件中添加: src="../ToolTip/toolTip.wxml"/&gt; &lt;!-- 引入toolTip模板 --&gt;  is=...

    tooltip

    这个压缩包文件包含了一些关于tooltip实现的基本资源,如样式表(tooltip.css),HTML页面(tooltip.htm),以及可能的JavaScript脚本(tooltip.js)用于交互逻辑。这些文件对于初学者来说是很好的学习材料,可以...

    Label的ToolTip属性,或是a标签的提示换行问题

    在探讨“Label的ToolTip属性,或是a标签的提示换行问题”这一主题时,我们首先需要理解几个核心概念:ToolTip属性、HTML编码与解码、以及如何在网页中实现文本的换行。以下是对这些概念的详细解析: ### 1. ToolTip...

    WPF修改Tooltip样式

    在Windows Presentation Foundation (WPF) 中,Tooltip是一个用于显示与鼠标指针相关的简短提示信息的控件。它通常在用户将鼠标悬停在其他UI元素上时出现,提供额外的信息。在默认情况下,Tooltip的样式是有限的,但...

    vc中tooltip应用

    3. **关联控件和Tooltip**:使用`CToolTipCtrl::AddTool`将文本编辑器控件与Tooltip关联,设定提示文字,例如可以是关于编辑功能的说明或快捷键提示。 4. **处理消息**:可能需要重载`ON_WM_MOUSEHOVER`和`ON_WM_...

    MFC最全ToolTip例子+源文件

    `MFC最全ToolTip例子+源文件`这个资源包提供了关于如何在MFC应用程序中使用ToolTip的详细示例和源代码,对于开发者来说,无论是快速集成到项目还是深入学习都极具价值。 1. **ToolTip控件介绍** ToolTip控件是...

    标准控件及数据窗口的tooltip示例

    在PowerBuilder(PB)环境中,"标准控件"和"数据窗口"是两个核心元素,而"tooltip"则是一种非常实用的功能,可以显示在鼠标悬停时提供额外帮助文本的工具提示。本示例主要探讨如何在SLE(Single Line Edit,单行编辑...

    winform比较好的tooltip

    6. **性能优化**:在处理大量控件时,为了避免性能问题,可以使用`ToolTip.Active`属性来控制Tooltip是否激活。在不使用Tooltip时将其设置为False,可以降低系统资源消耗。 7. **用户体验**:为了提供更好的用户...

Global site tag (gtag.js) - Google Analytics