需要3个文件。一个是样式类,一个样式文件,一个是mxml文件。
●MyToolTip.as
package{
import mx.core.UITextField;
import mx.skins.halo.ToolTipBorder;
import mx.controls.ToolTip;
public class MyToolTip extends ToolTipBorder
{
override protected function
updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void{
var
toolTip:ToolTip = (this.parent as ToolTip);
var
textField:UITextField = toolTip.getChildAt(1) as UITextField;
textField.htmlText
= textField.text;
var
calHeight:Number = textField.height;
calHeight
+= textField.y*2;
calHeight
+= textField.getStyle("paddingTop");
calHeight
+= textField.getStyle("paddingBottom");
var
calWidth:Number = textField.textWidth;
calWidth
+= textField.x*2;
calWidth
+= textField.getStyle("paddingLeft");
calWidth
+= textField.getStyle("paddingRight");
super.updateDisplayList(calWidth,
calHeight);
}
}
}
●style.css
ToolTip{
font-family:
verdana;
font-size:
14px;
color:
#000000;
background-color:
#FF00FF;
background-alpha:
0.85;
cornerRadius:
10;
borderSkin:
ClassReference("MyToolTip");
}
●toolTipDemo.mxml
<?xml version="1.0"
encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml
" layout="absolute" width="640"
height="477">
<mx:Script>
<![CDATA[
[Bindable]
private var myToolTipText:String =
"<b>This is a bold
toolTip</b>" ;
]]>
</mx:Script>
<mx:Style source="style.css"/>
<mx:Button label="hover to get tooltip"
toolTip="{myToolTipText}"
x="36" y="28"/>
</mx:Application>
分享到:
相关推荐
这是一个在WPF中修改任何控件的Tooltip的样式的源代码,供大家参考获得自己想要的功能
NULL 博文链接:https://hb0504511129-126-com.iteye.com/blog/1343847
这是一款Bootstrap tooltip工具提示修改主题样式插件。通过该插件,可以修改bootstrap3和bootstrap4的内置tooltip主题样式,生成各种颜色的漂亮的tooltip工具提示。
jQuery HTML5实现tooltip样式代码是一款鼠标移到图标上面动画显示出菜单特效。
ECHARTS3D 地球,解决TOOLTOP不显示问题.使用CSS自定义tooltip样式,完美显示。
jQuery+HTML5实现tooltip样式代码.zip
Flex 自定义ToolTip源代码,可以运行的源代码
css请放到 styles目录里面,再在要使用样式的页面的最后加入这样一段代码: <script type="text/javascript" src="scripts/ToolTip.js"> <script type="text/javascript">initToolTip();</script>
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的...
jQuery+HTML5实现tooltip样式代码是一款鼠标移到图标上面动画显示出菜单特效。
flex4 chart toolTip颜色与图形一致 重写flex chart ToolTip样式
css请放到 styles目录里面,再在要使用样式的页面的最后加入这样一段代码: <script type="text/javascript" src="scripts/ToolTip.js"> <script type="text/javascript">initToolTip();</script>
NULL 博文链接:https://demojava.iteye.com/blog/1181955
这个炫酷tooltip工具提示插件将带您离开黄底黑字的html tooltip原始时代。该tooltip插件共9种效果,使用html5 svg和css3 transform属性完成。这个工具提示效果带图片带动画,效果一流。
Toolbar.js是一款非常实用的Tooltips样式的jQuery工具栏插件。该工具栏插件使用简单,可以和Font Awesome字体图标配合使用,并且可以制作非常酷的工具栏弹出动画效果。
表格单元格自定义ToolTip组件,适用所有Flex组件的自定义提示
开源库DuiLib 自绘鼠标提示窗口 tooltip 由于Duilib的tooltip使用的是系统默认的实现,这里使用参考各位大神博客后,实现利用xml自绘提示窗口界面
微信小程序-ToolTip信息提示组件导入将ToolTip文件夹复制到pages文件夹内使用在需要使用ToolTip的页面对应的.wxml文件中添加: src="../ToolTip/toolTip.wxml"/> <!-- 引入toolTip模板 --> is=...