`
确实比较男
  • 浏览: 112411 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

as3 鼠标提示类ToolTip

 
阅读更多

最近要用到鼠标的提示功能,可惜as3中没有,就在网上了些别个写的,简单改了下,用起来还不错:

 

 

package {
	import flash.events.MouseEvent;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;
	import flash.text.TextFormat;
	import flash.display.Sprite;
	import flash.display.DisplayObjectContainer;
	import flash.display.InteractiveObject;
	import flash.display.Shape;
	import flash.display.Graphics;

	/**
	 * 提示文本
	 * @author Flying http://www.riafan.com
	 */
	public class AS3ToolTip{
		private static var toolTip : TextField;
		private static var format : TextFormat;
		private static var owner :DisplayObjectContainer;
		private static var sprite:Sprite;
		//tooltip对象是否可用
		public static var enabled : Boolean = true;
		//目标对象数组
		private static var owners : Array = new  Array();
		//文本对象数组
		private static var texts : Array = new Array();
		
		public function AS3ToolTip() {
			
		}
		
		/**
		 * 获取/设置提示文本的顶级显示对象
		 */
		public static function get root() :DisplayObjectContainer{
			return owner;
		}

		public static function set root(value :DisplayObjectContainer) : void {
			if (owner == null){
				owner = value;
			}
		}
		
		/**
		 * 新建一个提示文本
		 *
		 * @param   owner  要设置提示文本的目标对象
		 * @param   text  提示文本的内容
		 */
		 
		public static function create(target:InteractiveObject, text: String) : void {
		 	owners.push(target);
			texts.push(text);
		 	target.addEventListener(MouseEvent.MOUSE_OVER, AS3ToolTip.showToolTip);
			target.addEventListener(MouseEvent.MOUSE_OUT, AS3ToolTip.hideToolTip);
			
		}
		/**
		 * 显示提示文本
		 */
		 
		private static function showToolTip(e : MouseEvent) : void {
			var target:InteractiveObject = e.target as InteractiveObject;
			
			//初始化动态文本
			toolTip = new TextField();
			toolTip.visible = true;
			toolTip.text = findText(InteractiveObject(e.currentTarget));
			toolTip.background = true;
			toolTip.backgroundColor= 0xffffff;
			toolTip.multiline = false;
			toolTip.wordWrap = false;
			toolTip.autoSize = TextFieldAutoSize.LEFT;
			toolTip.x = 3;	
			toolTip.y = 3;
			
			//设置动态文本样式
			format = new TextFormat();
			format.font = "微软雅黑";
			format.bold = true;
			format.color = 0x666666;
			format.leftMargin = 4;
			format.rightMargin = 4;
			format.size = 11;
			toolTip.setTextFormat(format);
			
			//设置提示的背景样式 
			sprite = new Sprite;
			var g:Graphics = sprite.graphics;
			g.beginFill(0xB8B7D7,0.8);
			g.drawRoundRect(0,0,toolTip.width + 6,toolTip.height + 6,4,4);
			
			g.endFill();
			
			sprite.addChild(toolTip);
			sprite.x = target.x + target.width - 20;	
			sprite.y = target.y + target.height + 5;
			
			owner.addChild(sprite);
			
		}
		
		/**
		 * 隐藏提示文本
		 */

		private static function hideToolTip(e : MouseEvent) : void {
			//toolTip.visible = false;  
			sprite.visible = false;
			owner.removeEventListener(MouseEvent.MOUSE_OVER, showToolTip);
			owner.removeEventListener(MouseEvent.MOUSE_OUT, hideToolTip);  
		}
		
		/**
		 * 返回特定文本
		 * 
		 * @param   target  目标对象
		*/
		
		private static function findText(owner:InteractiveObject) : String {
			var index : int = owners.indexOf(owner);
			return texts[index];
		}
	}
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

相关推荐

    DuiLib 自绘鼠标提示窗口 tooltip

    开源库DuiLib 自绘鼠标提示窗口 tooltip 由于Duilib的tooltip使用的是系统默认的实现,这里使用参考各位大神博客后,实现利用xml自绘提示窗口界面

    jQuery Tooltip跟随鼠标提示条

    jQuery Tooltip跟随鼠标提示条,处于四个角落时,自动变换位置

    [AS3]提示信息类-ToolTip(flash)

    [AS3]提示信息类-ToolTip(flash)

    as3 tooltip的例子

    一个tooltip例子。里面包含一个tooltip类,表示一个长方形的小弹出窗口,该窗口在用户将指针悬停在一个控件上时显示有关该控件用途的简短说明

    jQuery tooltip鼠标提示层.rar

    jQuery tooltip鼠标提示层,jQuery CSS实现,鼠标移到链接文字上会弹出一个图片 文字的层提示框,鼠标移走后提示自动消失,特效代码来自国外的前端设计网站。这个链接提示层支持在弹出层中显示图片、文字和链接格式...

    鼠标跟随提示框ToolTip

    vc中控件默认是没有提示框的,所以我们要自己写程序产生这些效果,过程非常的简单,相信用过vc的人都知道如何操作的。

    Flash Tooltip AS3 气泡提示框的源代码

    内容索引:Flash源码,其它应用,Tooltip,AS3,气泡提示  Flash Tooltip AS3 气泡提示框的源代码,内含有5个不同风格的Flash气泡提示框,大小不同、颜色不同,动态的效果也不同,作Flash产品展示的话,会用到Tips,本源...

    HTML5鼠标悬停弹性动画Tooltip提示框特效

    HTML5 鼠标悬停弹性动画 Tooltip提示框特效

    46.(cesium篇)cesium实现信息提示tooltip.zip

    该资源包的执行效果查看地址:https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“46.(cesium篇)cesium实现信息提示tooltip”。如下载有问题,可联系博主。 解压密码:cesium

    WXA-ToolTip-微信小程序-ToolTip信息提示组件.zip

    微信小程序-ToolTip信息提示组件导入将ToolTip文件夹复制到pages文件夹内使用在需要使用ToolTip的页面对应的.wxml文件中添加: src="../ToolTip/toolTip.wxml"/> <!-- 引入toolTip模板 -->  is=...

    VC 简洁的tooltip提示类

    VC 简洁的tooltip提示类,包含static、Edit、Button等控件的文字提示。

    HTML5/CSS3分步提示框Tooltip 可嵌入任意HTML元素

    Tooltip又叫提示框,在网页上很常见,用户通过点击或者滑动鼠标来获取更详细的信息,但是整个页面却很整洁。今天分享的这款HTML5/CSS3分步提示框Tooltip可以让你分步来了解相关任务。提示框中的内容可以自定义,可以...

    3D地球+自定义tooltip,自定义样式完美显示

    ECHARTS3D 地球,解决TOOLTOP不显示问题.使用CSS自定义tooltip样式,完美显示。

    CSS3提示框Tooltip动画.zip

    CSS3提示框Tooltip动画是一款利用CSS3实现的提示框Tooltip动画。当鼠标移到图标按钮上时,就会在按钮正上方弹出一个Tooltip提示框,并且伴有淡入淡出的效果。

    jQuery tooltip 提示插件

    jQuery的一款tooltip提示插件,通过鼠标悬停显示提示时间,提示内容使用ajax动态显示。

    HTML5鼠标悬停弹性动画Tooltip提示框特效.zip

    <link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" />... 这是一款使用HTML5 SVG来制作,并通过anime.js来制作非常炫酷的鼠标悬停弹性动画代码的弹性动画Tooltip提示框特效。

    VC中动态显示提示信息(ToolTip的使用)

    VC中动态显示提示信息(ToolTip的使用) 跟踪鼠标输出文本的程序,就是鼠标移到哪儿,就在哪儿显示该点的坐标,要显示的坐标文本紧跟在鼠标后面

    MFC_ToolTip超级类(可以实现各种类型的ToolTip的弹出)

    这是一个有关ToolTip的超级类,可以实现各种类型的ToolTip的弹出,并且该代码适应性极强,适应面也很广。

    Extjs4添加tooltip

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

Global site tag (gtag.js) - Google Analytics