`

Flex TOOLTIP 鼠标样式

    博客分类:
  • Flex
阅读更多
在FLASH中,要使鼠标在FLASH里为自己指定样式是很容易做到的。只要做一个跟随鼠标命令,并且写一个:Mouse.hide(); 在FLEX中,要使鼠标呈现自己所要的样式其实也很容易.当然在代码里写也一样,不过我这里说的是加载外部图片,指定自己想要的鼠标样式.
      FLEX中,要加载帮定一个外部图标,一般用的方法是:

[Embed source="图标名"]
private var Myicons:Class;


      然后我们想要在用图标的地方,调用出Myicons就可以了.如:先放一个Panel在舞台上,然后在代码里,把ID命名为:mypanel.接着在初始化程序里可以写成:

mypanel.titleIcon= Myicons;



=============================================================
      现在回到鼠标这个问题来,在FLEX有一个命令是CursorManager.你需要import mx.managers.CursorManager先来导入,才能使用.这个命令是管理FLEX舞台上的指针形态,如鼠标,或者下载进度时,时钟的图标.或者隐藏图标等等.
      如果我们想要给鼠标指定样式就可以用这个:setCursor命令.先看代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  initialize="initiApp(event)">
  <mx:Script>
    <![CDATA[
      import mx.managers.CursorManager;
      
      [Embed(source="图标名")]
      private var MouseIcon:Class;
                 
      private function iinitApp(event:Event):void{
         CursorManager.setCursor(MouseIcon);
      }
    ]]>
  </mx:Script>
</mx:Application>

很简单就可以实现自己想要的鼠标样式,但是,你会发现,图标跟随鼠标的坐标不对,那么我们回到帮助文档看看setCursor怎么用,setCursor(cursorClass:Class, priority:int = 2, xOffset:Number = 0, yOffset:Number = 0):int  看到xOffset,yOffset了吧,该怎么用,还用我说吗?如果你的图标是30*30.那么坐标设置为-15和-15. 
    CursorManager里还有其他很多的命令,你可以自己去看看,挺有意思的.
分享到:
评论

相关推荐

    flex tooltip

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

    flex ToolTip汇总

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

    Flex 自定义ToolTip

    当用户将鼠标悬停在某个按钮、链接或其他控件上时,`ToolTip`会自动弹出并显示预设的文本或更复杂的内容。这不仅增强了应用的可访问性,还提高了用户体验,特别是在控件功能不直观的情况下。 ### 2. 如何创建自定义...

    flex 鼠标进入显示提示信息

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

    表格单元格自定义ToolTip组件

    这种自定义的ToolTip在Flex组件上特别有用,Flex是一种强大的富互联网应用程序(RIA)开发框架,由Adobe提供。 ToolTip通常是在鼠标悬停在某个元素上时显示的一小段文本,用于提供额外的上下文信息。在标准的DataGrid...

    as3 鼠标提示类ToolTip

    在ActionScript 3 (AS3)中,ToolTip 类是一个用于创建和管理鼠标悬停提示的内置组件。这个类使得开发者可以自定义显示在鼠标指针附近的文本或图形提示,为用户提供更多的上下文信息。在本篇文章中,我们将深入探讨...

    FLEX自定义ToolTips

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

    flex组件介绍

    例如,要创建一个按钮并添加到界面上,首先需要实例化按钮组件,然后通过设置其属性来定义按钮的样式和行为,接着添加事件监听器以响应用户操作,最后将按钮添加到父容器中,使其可见。 #### 工具提示 工具提示是...

    Felx4 Custom ToolTips

    在Flex4中,Tooltip是用户将鼠标悬停在某个组件上时显示的临时信息窗口,通常用于提供额外的上下文或帮助信息。自定义Tooltip允许开发者根据应用程序的需求定制外观、内容和行为。 在Flex4中,我们可以使用`mx....

    flex quick starts

    - **样式定义**:首先定义了一个名为`ToolTip`的样式,用于设置工具提示的字体、大小、样式、颜色以及背景色。 - **面板设置**:创建了一个面板,并为其设置了一个默认的工具提示:“Child components without ...

    flex通过remote连接后台

    接下来,**CSS嵌入外部字体**是指在Flex项目中使用CSS样式表引用外部字体资源。这样可以使应用程序的视觉效果更加丰富多样,用户界面更加个性化。通过@font-face规则,我们可以定义新的字体家族,并引用本地或网络上...

    Flex 开发技巧集

    13. **设置ToolTip持续显示时间**:通过调整`ToolTipManager.hideDelay`属性,可以设置ToolTip在鼠标离开后多长时间消失。 14. **BigEndian和LittleEndian测试**:在ByteArray中,`endian`属性用于设置字节序,`BIG...

    flex ToolTipDataGrid

    4. **显示和隐藏提示**:在鼠标进入和离开单元格时,分别调用`showTooltip`和`hideTooltip`方法,控制提示框的显示和隐藏。 5. **处理用户交互**:如果提示框有交互元素,需要监听并处理相应的点击事件。 总的来说...

    jquery实现始终固定在网页底部菜单提示导航代码

    标题 "jquery实现始终固定在网页底部菜单提示导航代码" 涉及到的是网页开发中的一个常见需求,即创建一个始终位于...实际项目中,可能还需要考虑兼容性、样式美化和优化等问题,以确保在不同设备和浏览器上的良好表现。

    vue实现element表格里表头信息提示功能(推荐)

    在Vue和Element UI框架中,实现表格表头信息提示功能...通过以上步骤,当鼠标悬停在表格的表头时,即可显示预设的提示信息,从而提升用户对表格的理解。这种实现方式灵活且易于扩展,可以根据需要调整提示内容或样式。

    【JavaScript源代码】Vue Element Sortablejs实现表格列的拖拽案例详解.docx

    /* 拖动过程中,鼠标显示样式 */ .w-table_moving .el-table th .thead-cell { cursor: move !important; } .w-table_moving .el-table__fixed { cursor: not-allowed; } .w-table .thead-cell { display: ...

    open_flash_chart中文学习教程文档

    - **实现方式**:通过设置特定参数来控制tooltip的显示内容和样式。 #### 七、总结 - **优点**: - 开放性好,便于定制和扩展。 - 支持多种图表类型,适用于各种数据展示场景。 - **不足**: - V1.9存在一些bug...

    js和css实现的19个菜单栏案例

    使用`tooltip`功能,可以为菜单项提供额外信息,用户鼠标悬停时显示,提高用户理解度。 13. **触摸设备支持** 考虑到触摸设备,确保菜单栏在触摸操作下同样响应良好,可以使用`touchstart`和`touchend`事件。 14...

    bootstrap总结与例子

    12. **工具提示** (`tooltips`): 使用 `.tooltip` 和 `data-toggle="tooltip"` 数据属性可以添加文本提示,鼠标悬停时显示。 13. **弹出框** (`popovers`): 类似于工具提示,`.popover` 和 `data-toggle="popover"`...

Global site tag (gtag.js) - Google Analytics