AS3实现ToolTip效果

AS3核心类中没有ToolTip类，Flex中的ToolTip类没法用在AS3工程中，Aswing的JToolTip不错，不过如果仅仅为了使用这一个类而导入Aswing就不太明智了。由于最近的项目需要用到ToolTip，我就索性自己写了一个，特与大家分享。

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;

    /**
     * 提示文本
     * @author Flying http://www.riafan.com
     */
    public class AS3ToolTip{
        private static var toolTip : TextField;
        private static var format : TextFormat;
        private static var owner :DisplayObjectContainer;
        //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(owner:InteractiveObject, text: String) : void {
             owners.push(owner);
            texts.push(text);
             owner.addEventListener(MouseEvent.MOUSE_OVER, AS3ToolTip.showToolTip);
            owner.addEventListener(MouseEvent.MOUSE_OUT, AS3ToolTip.hideToolTip);

        }
        /**
         * 显示提示文本
         */

        private static function showToolTip(e : MouseEvent) : void {
            //初始化动态文本
            toolTip = new TextField();
            toolTip.visible = true;
            toolTip.text = findText(InteractiveObject(e.currentTarget));
            toolTip.background = true;
            toolTip.backgroundColor= 0xFFCC66;
            toolTip.border = true;
            toolTip.borderColor = 0x000000;
            toolTip.multiline = false;
            toolTip.wordWrap = false;
            toolTip.autoSize = TextFieldAutoSize.CENTER;
            toolTip.x = owner.mouseX + 16;
            toolTip.y = owner.mouseY - 24;

            //设置动态文本样式
            format = new TextFormat();
            format.font = "_sans";
            format.leftMargin = 4;
            format.rightMargin = 4;
            format.size = 12;
            toolTip.setTextFormat(format);
            owner.addChild(toolTip);

        }

        /**
         * 隐藏提示文本
         */

        private static function hideToolTip(e : MouseEvent) : void {
            toolTip.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];
        }
    }
}

用静态类实现的，理论上应该比较节约资源。这里用了两个数组传递text参数，算是一个小技巧。AS3ToolTip用法很简单，先设定它的root，再调用其create方法。create方法的owner参数限制为InteractiveObject类型，不过我想已经够用了。

点击此处查看效果，点击此处下载源文件。

转自: http://www.riafan.com/actionscript-3-0-tooltip/