The World Wide Web According to …

Hello World,

I read a very interesting post today from Rich Tretola on his Everything Flex blog about creating an AIR AlertWindow Component (Toast Style). Go on over to his blog and take a look. It has some very useful material. I decided I would learn from his example and attempt to incorporate what he’s done into something I was doing. I ran into a few obstacles but a few posts later I came up with another version of the AS class he created. I give my thanks to him and Josh (another developer who commented on Rich’s blog) for helping me with what I am presenting below:

Here is the modified class:

package
{
    import flash.events.*;
    import flash.utils.Timer;

    import mx.containers.Canvas;
    import mx.controls.Button;
    import mx.controls.TextArea;
    import mx.core.Window;
    import mx.events.FlexEvent;

    public class AlertWin extends Window
    {
        private var _showTimer:Timer;
        private var _delayTimer:Timer;
        private var _hideTimer:Timer;

        private var _delayTime:int;
        private var _message:String;
        private var _width:int;
        private var _height:int;

        public function AlertWin() {
            this.maximizable = false;
            this.resizable = false;
            this.minimizable = false;

            // alternate, none, standard, utility
            this.systemChrome = "none";

            // lightweight, normal, utility
            this.type = "lightweight"

            this.addEventListener(FlexEvent.CREATION_COMPLETE, completeHandler);
        }

        public function completeHandler(event:FlexEvent):void {
            this.nativeWindow.x = flash.display.Screen.mainScreen.bounds.width - (this.width + 20);
            this.nativeWindow.y = flash.display.Screen.mainScreen.bounds.height - 20;

            this.horizontalScrollPolicy = "off";
            this.verticalScrollPolicy = "off";

            _showTimer = new Timer(10,0);
            _showTimer.addEventListener("timer", showTimerHandler);
            _showTimer.start();
        }

        public function show(message:String, title:String = "", delayTime:int=2, width:int=200, height:int=150): void {
            _delayTime = delayTime;

              this.width = width;
               this.height = height;

            var cnv:Canvas = new Canvas();
            cnv.width = width;
            cnv.height = height;
            cnv.horizontalScrollPolicy = "off";
            cnv.verticalScrollPolicy = "off";

            var ta:TextArea = new TextArea();
            ta.text = message;
            ta.width = width;
            ta.height = height;

            var btn:Button = new Button();
            btn.label = "My Message";
            btn.setStyle("right", "5");
            btn.setStyle("bottom", "45");

            cnv.addChild(ta);
            cnv.addChild(btn);

            this.addChild(cnv);

            this.open();
        }

        private function showTimerHandler(event:TimerEvent):void {
            this.nativeWindow.y -= 10;

            if(this.nativeWindow.y <= (flash.display.Screen.mainScreen.bounds.height - (this.nativeWindow.height + 10))){
                _showTimer.stop();

                _delayTimer = new Timer(1000,_delayTime);
                _delayTimer.addEventListener("timer", delayTimerHandler);
                _delayTimer.start();
            }
        }

        private function delayTimerHandler(event:TimerEvent):void {
            var t:Timer = Timer(event.target);

            if(t.currentCount == _delayTimer.repeatCount){
                _hideTimer = new Timer(20,999);
                _hideTimer.addEventListener("timer", hideTimerHandler);
                _hideTimer.start();
            }
        }

        private function hideTimerHandler(event:TimerEvent):void {
            if(!this.nativeWindow.closed) {
                this.nativeWindow.y += 10;

                if(this.nativeWindow.y >= (flash.display.Screen.mainScreen.bounds.height-20)){
                    this.close();
                    _hideTimer.stop();
                }
            } else {
                _hideTimer.stop();
            }
        }
    }
}

And here is my implementation;

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">

    <mx:Script>
        <![CDATA[
            import AlertWin;

            private var myAlertWin:AlertWin = new AlertWin();

            private function init():void {
                myAlertWin.show("My Alert Message\nLine 2");
            }
        ]]>
    </mx:Script>
</mx:WindowedApplication>

Thanks Guys!Ciao