`
aimy_2012
  • 浏览: 18904 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

Flex4中修改toolTip的字体以及效果

    博客分类:
  • Flex
阅读更多
在Flex4的可视组件中,可以通过toolTip指定鼠标移到对应组件上显示的文字内容,可是默认的字体大小太小了,修改的话,是有一个全局的设置:
StyleManager.getStyleDeclaration("mx.controls.ToolTip").setStyle("fontSize","12");

除了修改字体大小外,同样可以设置对应的其他样式

toolTip除了可以设置样式外,还可以设置各种效果,下面的例子,是在toolTip显示的时候,旋转一圈:
<?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" creationComplete="application1_creationCompleteHandler(event)"> 
    <s:layout> 
        <s:BasicLayout/> 
    </s:layout> 
    <fx:Script> 
        <![CDATA[ 
            import mx.events.FlexEvent; 
            import mx.managers.ToolTipManager; 
  
            protected function application1_creationCompleteHandler(event:FlexEvent):void
            { 
                ToolTipManager.showEffect = rotate; 
            } 
  
        ]]> 
    </fx:Script> 
    <fx:Declarations> 
        <mx:Rotate id="rotate" /> 
    </fx:Declarations> 
    <s:TextArea x="124" y="126" toolTip="弹出提示文字" /> 
</s:Application>
分享到:
评论
1 楼 echolonger 2014-01-03  
    <?php
      echo "name";
      ?>

相关推荐

    WPF修改Tooltip样式

    本教程将深入探讨如何在WPF中修改Tooltip的样式。 首先,我们需要理解WPF中的样式和模板。样式定义了控件的视觉外观,包括颜色、字体、大小等属性;而模板则更进一步,可以完全控制控件的结构和布局。在修改Tooltip...

    Bootstrap tooltip工具提示修改主题样式插件

    这是一款Bootstrap tooltip工具提示修改主题样式插件。通过该插件,可以修改bootstrap3和bootstrap4的内置tooltip主题样式,生成各种颜色的漂亮的tooltip工具提示。

    flex tooltip

    标题中的“flex tooltip”指的是Adobe Flex中的一种交互设计元素,Tooltip。在Flex应用程序开发中,Tooltip是用来显示鼠标悬停在某个组件上时提供额外信息的小型弹出窗口。它可以帮助用户理解控件的功能或者显示一些...

    Flex 自定义ToolTip

    下面,我们将深入探讨如何在Flex中实现自定义`ToolTip`,并以给定的源代码为例进行解析。 #### 主要知识点: 1. **Flex中的`ToolTip`概念与用途** 2. **如何创建自定义`ToolTip`** 3. **理解`Main.mxml`文件结构与...

    tooltip效果

    tooltip效果

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

    【标题】中的“c# ToolTip 几十种效果”是指使用C#编程语言实现的ToolTip控件的各种显示效果集合。ToolTip控件是Windows Forms或WPF应用中常见的一种组件,它通常用于在鼠标悬停在某个控件上时显示额外的信息。这个...

    vc中tooltip应用

    5. **自定义样式**:若需要,可以通过修改Tooltip的字体、颜色、边框等属性,使其更符合界面设计。 在实际开发中,我们还需要注意一些细节问题,比如防止Tooltip遮挡用户视线,合理设置延迟时间和显示时间,以及...

    Extjs Grid 中的 ToolTip效果

    可以修改`Ext.tip.ToolTip`的样式,或者在GridTip中使用`headerStyle`和`bodyStyle`来分别设置头部和主体的样式。 通过以上方法,我们可以在EXTJS Grid中实现各种丰富的Tooltip效果,提供更佳的数据展示体验。无论...

    flex ToolTip汇总

    在flex中,可以使用`mx.controls.ToolTip`类来创建和管理`ToolTip`。首先,你需要在MXML代码中定义一个`ToolTip`实例,并为其设置相应的属性,如`id`、`content`(显示的文本)和`delay`(显示`ToolTip`前的延迟...

    漂亮的ToolTip效果(Web).rar

    4. **插件和库的使用**:Web开发者可以利用现有的开源工具,如jQuery UI、Bootstrap等,它们提供了预设的Tooltip样式和功能,可以快速实现漂亮的Tooltip效果,同时节省开发时间。 5. **无障碍性考虑**:在创建...

    表格单元格自定义ToolTip组件

    自定义ToolTip组件则可以打破这些限制,允许开发者自定义提示内容、样式、位置、动画效果等,从而提升用户体验。 在DataGrid中,每个单元格可能包含的数据有限,而自定义ToolTip组件能够提供一个扩展区域,展示更多...

    angularJS实现的tooltip效果

    在本文中,我们将深入探讨如何使用AngularJS实现一个功能丰富的tooltip效果。AngularJS,作为一款强大的前端JavaScript框架,提供了一种高效的方式来构建动态、数据驱动的Web应用。它以其双向数据绑定、模块化和可...

    Tooltip

    4. **样式和布局**:Tooltip的外观可以通过设置字体、颜色、背景色、边框等属性进行定制。开发者可能提供了一些预设的样式,或者允许用户自定义。 5. **示例或测试代码**:压缩包可能包含一些示例代码,展示了如何...

    ToolTip浮动提示框效果(源代码)

    源代码通常是开发者用来理解和学习技术的直接材料,通过阅读和修改源代码,我们可以了解到如何在实际项目中应用和调整ToolTip的效果。 【标签】 标签同样为"ToolTip浮动提示框效果(源代码)",进一步明确了主题...

    一个ajax的tooltip例子

    这部分代码可能包括了处理Ajax请求、解析返回的数据、创建和更新Tooltip元素以及管理动画效果等功能。 在实际应用中,Ajax Tooltip可以广泛应用于各种场景,例如,显示数据库中与链接相关的详细信息、预览图片或...

    tooltip

    在tooltip中,CSS通常用来设置tooltip的样式,如颜色、字体、位置、阴影、边框等。通过修改这些属性,你可以定制tooltip的视觉效果,使其与网站的整体设计相协调。例如,可以设置tooltip的背景颜色为半透明,以使...

    Extjs4添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...

    vb.net中tooltip控件应用

    在本篇文章中,我们将深入探讨Tooltip控件的使用、配置以及它在VB.NET项目中的应用。 1. **添加Tooltip控件** 要在VB.NET项目中使用Tooltip,首先需要将它添加到窗体上。这可以通过打开设计视图,从工具箱中拖动...

    Jquery Tooltip 提示框

    在Web开发中,提示框(Tooltip)是一种常见且实用的UI元素,用于向用户提供额外信息,通常在鼠标悬停时显示。jQuery是一个强大的JavaScript库,它简化了DOM操作,动画效果以及事件处理,包括创建自定义提示框。本篇...

Global site tag (gtag.js) - Google Analytics