直接贴代码,一看就懂。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="150" horizontalAlign="center" verticalAlign="middle">
<mx:Style>
global
{
font-size: 12;
theme-color: haloSilver;
}
Application
{
background-color: #dddddd;
}
.errorTip
{
font-size: 12;
}
.testTip
{
font-size: 12;
border-color: #ffffdd;
color: #ff0000;
font-weight: bold;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.managers.ToolTipManager;
import mx.controls.ToolTip;
private var _tip:ToolTip;
private function _showTip($txt:String):void
{
trace(_tip);
if(_tip == null)
{
var __point:Point = new Point(emailTI.x, emailTI.y);
trace(__point)
__point = emailTI.localToGlobal(__point);
trace(__point);
_tip = ToolTipManager.createToolTip( $txt,
__point.x - emailTI.x,
__point.y - 40 ,
'errorTipAbove') as ToolTip;
_tip.styleName = 'testTip';
}
}
private function _destoryTip():void
{
if(_tip)
{
ToolTipManager.destroyToolTip(_tip);
}
_tip = null;
}
]]>
</mx:Script>
<mx:EmailValidator id="emailV" source="{emailTI}" property="text" trigger="{btn}" triggerEvent="click"/>
<mx:Form horizontalCenter="0">
<mx:FormItem label="电子邮件:" width="100%">
<mx:TextInput id='emailTI' width="100%"/>
</mx:FormItem>
<mx:FormItem horizontalAlign="center" width="100%" direction="horizontal">
<mx:Button id="btn" label="提交"/>
<mx:Button id='btn2' label="显示Tip" click="_showTip('测试弹出Tip')"/>
<mx:Button id='btn3' label="取消Tip" click="_destoryTip()"/>
</mx:FormItem>
</mx:Form>
</mx:Application>
范例效果:
tips:
1.createToolTip生成的ToolTip,必须用destoryToolTip来清除。如果在清楚之前再次调用createToolTip,则会生成重复的ToolTip。ToolTipManager有一个currentToolTip属性来保存当前显示的ToolTip,但这个属性对于使用createToolTip创建的ToolTip并没有效果
2.
createToolTip的第4个参数是指定箭头。如果为空,就不显示箭头。如果为下面三个字符串值中的一个,则会显示箭头:
- errorTipAbove
- errorTipRight
- errotTipBelow
摘自:http://zengrong.net/post/455.htm
分享到:
相关推荐
一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的...
很好用的自定义tooltip,带有标题,内容,图标和关闭按钮,亲测可用,如有不懂可联系我。
表格单元格自定义ToolTip组件,适用所有Flex组件的自定义提示
下载如有问题,可私信博主。下载前建议先查看博客内容,其地址为:https://blog.csdn.net/QQ98281642/article/details/120502129
ECHARTS3D 地球,解决TOOLTOP不显示问题.使用CSS自定义tooltip样式,完美显示。
自定义实现了仿Windows气泡,可以显示图标和多行文字,配有使用方法
鼠标滑过标签控件时,显示一个自定义形状的消息提示框,简陋的很,姑且抛砖引玉吧
Flex 自定义ToolTip源代码,可以运行的源代码
bettertip 一个可以自定义Tooltip的jQuery插件。基于jTip,但比它来得更加灵活
主要介绍了Jquery实现自定义tooltip的方法,需要的朋友可以参考下
VB多风格自定义的ToolTip气泡信息提示,VB多风格自定义的ToolTip气泡信息提示
echarts自作地图高亮显示散点图 tooltip自定义内容。
介绍C#使用GDI+重绘工具提示控件ToolTip,实现ToolTip自定义图标、大图标、小图标和透明显示,并可以轻松的更换ToolTip背景和边框颜色
As的自定义的ToolTip,可直接使用。对于新手学习了解AsToolTip原理比较好的一个实例
开源库DuiLib 自绘鼠标提示窗口 tooltip 由于Duilib的tooltip使用的是系统默认的实现,这里使用参考各位大神博客后,实现利用xml自绘提示窗口界面
这是一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框...
用c#实现的功能强大的toolTip控件,可进行自定义和交互。含源码和demo演示。
这是一个vue的tooltip提示信息组件。它使用非常简便,同时它支持自定义样式,提示信息的位置,触发提示信息弹出的事件。提示出现隐藏的延迟时间等。