`
石头茨
  • 浏览: 18751 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

FLex 自定义ToolTip中显示自定义图片(转载)

    博客分类:
  • flex
 
阅读更多
http://hi.baidu.com/qiyangyang2009/blog/item/a641d03943ddc7fcb211c7af.html

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
   <!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
   <![CDATA[
    import mx.controls.ToolTip;
    import mx.events.ToolTipEvent;
    import mx.managers.ToolTipManager;
    private function createToolTips(event:ToolTipEvent):void {
     var tip:MyToolTips=new MyToolTips();
     tip.str="我的SuperToolTIp";
     tip.str1="img/01.gif";
     event.toolTip = tip;
    }
    private function showToolTips(evt:ToolTipEvent):void{
     evt.toolTip.x=a.x + a.width + 10;
     evt.toolTip.y=a.y;
    }
   ]]>
</fx:Script>
<mx:HBox height="100%" verticalAlign="middle" width="100%" horizontalAlign="center">
   <mx:Button id="a"
          label="SuperToolTip"
       width="100"
       toolTip="00000"
       toolTipCreate="createToolTips(event);"
       toolTipShow="showToolTips(event);"/>  
</mx:HBox>
</s:Application>



自定义ToolTip

MyToolTips.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     implements="mx.core.IToolTip"
     xmlns:mx="library://ns.adobe.com/flex/mx"
     backgroundColor="#00ff33" alpha=".8" width="100%" borderStyle="solid" cornerRadius="7">
<fx:Script>
   <![CDATA[
    import mx.core.IToolTip;
    public var str:String="";
    public var str1:String="";
    public var _text:String;
    public function get text():String {
     return _text;
    }
    public function set text(value:String):void {
    }
   ]]>
</fx:Script>
<fx:Declarations>
   <!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
   <mx:VBox width="100%" height="100%">
    <mx:Image source="{str1}"/>
    <mx:Text text="{this.str}" color="#000000" fontSize="13"/>
   </mx:VBox>
</mx:Canvas>


  • 大小: 26.3 KB
分享到:
评论

相关推荐

    Flex 自定义ToolTip

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

    表格单元格自定义ToolTip组件

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

    FLEX自定义ToolTips

    在Flex编程中,Tooltip是用户界面中一个非常实用的功能,它会在鼠标悬停在某个组件上时显示相关信息提示。默认的Tooltip通常只提供简单的文本信息,但为了提升用户体验和界面美观性,我们可以对其进行自定义,实现...

    flex tooltip

    在Flex应用程序开发中,Tooltip是用来显示鼠标悬停在某个组件上时提供额外信息的小型弹出窗口。它可以帮助用户理解控件的功能或者显示一些隐藏的数据。 这篇博客文章虽然没有提供具体的描述,但从标签“源码 工具”...

    flex ToolTip汇总

    在flex中,`ToolTip`通常用来显示与UI组件相关的简短描述或提示,帮助用户理解控件的功能。下面我们将详细介绍`flex ToolTip`的使用和配置。 1. **创建ToolTip** 在flex中,可以使用`mx.controls.ToolTip`类来创建...

    Flex导航条提示自定义

    在Flex中,tooltip属性是一个字符串,用于设置当鼠标悬停在组件上时显示的提示文字。我们可以通过改变这两个属性的值,来自定义用户在鼠标悬停在缩放按钮上时看到的提示信息。例如,我们可以将默认的“放大”和...

    Felx4 Custom ToolTips

    1. **创建自定义Tooltip组件**:首先,我们需要创建一个新的Flex组件,继承自`mx.controls.ToolTip`类,然后重写或扩展其属性和方法以实现自定义功能。 2. **样式定制**:使用Flex的CSS样式表来改变Tooltip的外观,...

    Using htmlText in a toolTip in flex

    在Flex应用中,将`MyToolTip`组件设置为需要显示工具提示的组件的`toolTip`属性。例如,对于一个数据网格(DataGrid),可以在`UsingDataTipInDataGrid.mxml`文件中,遍历每个单元格,根据数据项设置自定义工具提示...

    as3 鼠标提示类ToolTip

    在提供的`AS3Tooltip`文件中,可能包含了示例代码或自定义扩展,例如自定义的ToolTip类,它可能增加了额外的功能,如动画效果、自定义布局或者更灵活的配置选项。分析这些代码可以帮助你理解如何根据项目需求进一步...

    flex 鼠标进入显示提示信息

    在Flex开发中,有时我们需要为用户界面添加交互性,例如当鼠标悬停在某个元素上时显示相关的提示信息。这个场景在"flex 鼠标进入显示提示信息"的标题和描述中被提及,它涉及到如何创建一个动态的提示框,跟随鼠标的...

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

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

    Flex3--Tooltips工具提示教程

    ToolTips 简介 1 创建ToolTips 2 设置ToolTip风格 4 设置ToolTips宽度 6 ToolTip事件的使用 7 同NavBar控件使用ToolTips 8 使用ToolTip 管理器 9 激活和停止ToolTips 9 设置显示延迟时间 10...

    ExtJS ToolTip功能

    在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将详细介绍如何在ExtJS中实现ToolTip,并通过...

    flex通过remote连接后台

    通过@font-face规则,我们可以定义新的字体家族,并引用本地或网络上的字体文件,从而在Flex组件中使用这些自定义字体。 **AS3操作XML**指的是使用ActionScript 3(AS3)处理XML数据。AS3提供了强大的XML类库,包括...

    flex组件介绍

    工具提示可以通过设置控件的`toolTip`属性来实现,该属性可以接受字符串或自定义的控件作为值。 #### 基于菜单的控件 基于菜单的控件,如`PopupMenu`和`MenuBar`,用于创建上下文菜单或主菜单。这些控件提供了一种...

    flex拖拽形成柱状图,点击弹出图片窗口,柱状图用法

    在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有拖拽功能的柱状图,以及如何实现点击柱状图后弹出图片窗口的功能。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。...

    Flex_特效之鱼眼特效

    4. **动态提示**:描述中提到的“冒泡提示”可能是使用Tooltip或自定义组件实现的。当鼠标悬停在特定位置时,一个包含信息的气泡会出现在鼠标附近,显示相关的文字或数据。 5. **性能优化**:由于鱼眼特效需要实时...

Global site tag (gtag.js) - Google Analytics