`
确实比较男
  • 浏览: 115686 次
  • 性别: 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
分享到:
评论

相关推荐

    as3 tooltip的例子

    首先,Tooltip类在AS3中提供了创建和管理提示窗口的能力。它允许你自定义提示内容、样式和行为。在描述中提到的“一个tooltip类,表示一个长方形的小弹出窗口”,实际上就是在创建一个自定义的Tooltip类,以便在用户...

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

    在AS3中,ToolTip类提供了一个方便的方法来创建和管理这些提示信息。 要使用AS3的ToolTip类,首先需要导入这个类: ```as3 import flash.ui.ToolTip; ``` 创建一个ToolTip对象,然后将其与舞台上的某个...

    AS3.0鼠标提示信息源文件

    在AS3.0中,我们可以使用内置的Tooltip类来创建鼠标提示。这个类允许开发者定义鼠标悬停在特定对象上时显示的文本或组件。然而,标题中提到的"AS3.0鼠标提示信息源文件"提供了一个优化的解决方案,它可能包括了更...

    as3 Tooltip

    【AS3 Tooltip】是ActionScript 3.0中一种用于创建提示信息的组件,它在用户将鼠标悬停在特定对象上时显示相关信息。在Web应用程序、Flash游戏或交互式内容中,Tooltip常用于提供额外的上下文帮助或快速指南。这个...

    前端开源库-d3tooltip

    `d3tooltip`还允许你根据需要调整工具提示的位置,例如,让它总是跟随鼠标: ```javascript tooltip.position('mouse'); ``` **8. 兼容性与性能优化** `d3tooltip`库设计时考虑了现代浏览器的兼容性,同时也支持...

    VB中给listview的item添加多行气泡式Tooltip

    本文将详细介绍如何在VB中实现为ListView的每个Item添加自定义的多行气泡式Tooltip,并提供了一个类模块 `CTooltip` 的示例代码,帮助开发者更好地理解和应用这一功能。 #### 实现原理 要在VB中实现多行气泡式...

    flash 的几个tooltip显示

    - AS3(ActionScript 3.0):引入`flash.ui.ToolTip`类,创建一个Tooltip实例并用`new ToolTip()`初始化,然后使用`ToolTip.displayObject.text`设置文本。 3. 自定义Tooltip样式: - 通过修改Tooltip的样式属性...

    as3 提示框 自适应

    在ActionScript 3 (AS3)中,提示框(Tooltip)是用户交互中常见的功能,用于显示关于某个对象的附加信息。在你的场景中,你需要一个自适应的提示框,它可以根据显示内容的多少自动调整大小,以确保所有信息都能清晰...

    Python库 | tkinter_tooltip-0.0.5-py3-none-any.whl

    在这个例子中,当鼠标悬停在按钮上时,会显示“这是一条工具提示信息”。`Tooltip`函数接受两个参数,第一个是你要添加工具提示的Widget,第二个是工具提示文本。 `tkinter_tooltip`库还提供了一些额外的配置选项,...

    AS3培训-游戏背包系统工程源码

    AS3的`DisplayObject`类体系结构和`Sprite`、`MovieClip`类可用于创建这些元素。 4. **数据存储**:物品信息(如ID、类型、数量)需要存储。AS3中的`Object`或自定义类可以用来表示物品属性,而`Array`或`Vector`...

    Flash 自定义 ToolTip

    在Flash编程中,ToolTip是一个非常实用的功能,它可以在鼠标悬停在某个对象上时显示相关信息提示。本实例探讨的是如何使用ActionScript(简称AS)来自定义ToolTip,这对于初学者掌握ASToolTip的工作原理非常有帮助。...

    VB 信息提示 类文件 及 工程范例

    3. **事件处理程序**:类可能会包含对鼠标移动(MouseMove)或鼠标离开(MouseLeave)事件的处理,以控制提示的显示和消失。 4. **内部变量**:为了实现特定功能,类内部可能还会定义一些变量,如计时器(Timer)来...

    VB.zip_vb气泡类

    在VB(Visual Basic)编程中,气泡提示类(ToolTip Class)是一种常用的功能,它可以在鼠标悬停在某个控件上时显示简短的文本信息,帮助用户理解控件的功能或提供额外的数据。"VB.zip_vb气泡类"可能包含了一个自定义...

    VB做的系统气泡提示框

    在这个例子中,当鼠标移动到用户控件上时,`MouseMove`事件被触发,`ToolTip1`显示指定的提示信息。 总的来说,创建VB气泡提示框涉及API调用、自定义控件或利用现有控件的特性。根据项目需求和开发者的熟练程度,...

    FLASH日历原文件。AS3.0版本

    4. `ToolTip.as`:工具提示在用户界面上非常常见,用于显示鼠标悬停在某个元素上时的额外信息。在这个上下文中,ToolTip类可能负责创建和管理日历上的日期工具提示,展示日期相关的附加信息,如节假日、生日或其他...

    flash as3.0 课件 十二生肖的学习

    对于不认识的汉字,可以使用ToolTip类提供鼠标悬停提示。 六、用户交互与反馈 为了提高用户体验,课件可以设计成有反馈的形式。比如,当用户选择正确的生肖时,可以播放鼓励的音效或显示祝贺信息;错误时则给出提示...

    VB6.0源码示例之 定制自已的提示栏

    工具提示是那些在鼠标悬停在某个控件上时显示的小型文本框,它们提供关于该控件功能的简短说明。默认情况下,VB6.0中的控件可能已经包含了简单的工具提示功能,但为了实现定制,我们需要进行额外的编程工作。 1. **...

    vb.net2005

    1. **ToolTip控件**: `ToolTip`是一种轻量级的控件,用于为用户提供额外的信息,通常在用户鼠标悬停在某个界面上时出现。 2. **显示/隐藏提示信息**: 通过改变`ToolTip`控件的某些属性,例如`Active`属性,来控制...

    鼠标放上去触发一个javascript提示框效果代码

    `.tooltip`类的CSS规则定义了提示框的样式,包括宽度、字体、文本对齐方式,以及上下两部分的背景图片。`.tooltip span.top`和`.tooltip b.bottom`分别设置了提示信息的上部和下部的样式,包括文本缩进、内边距和...

Global site tag (gtag.js) - Google Analytics