Comments on: AIR AlertWindow Component (Toast Style) http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/ News and Information about Adobe Flex & Adobe AIR by Rich Tretola Mon, 08 Sep 2008 10:40:39 +0000 http://wordpress.org/?v=abc By: CRitter http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-537 CRitter Tue, 05 Feb 2008 22:04:29 +0000 http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-537 any way to make these windows with no chrome? flex or system? any way to make these windows with no chrome? flex or system?

]]> By: everythingflex http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-536 everythingflex Tue, 18 Dec 2007 11:25:50 +0000 http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-536 Here it is: http://blog.everythingflex.com/2007/12/18/air-alertmxwindow-component-toast-style/ Here it is:
http://blog.everythingflex.com/2007/12/18/air-alertmxwindow-component-toast-style/

]]> By: Theo http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-535 Theo Tue, 18 Dec 2007 02:09:13 +0000 http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-535 OK This is how far I got with using the Window component; <code lang="ActionScript"> package { import flash.display.NativeWindowSystemChrome; import flash.display.NativeWindowType; 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; private var _systemChrome:NativeWindowSystemChrome; private var _windowType:NativeWindowType 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-20)){ this.close(); _hideTimer.stop(); } } else { _hideTimer.stop(); } } } } </code> Thanks Guys! I got a bit more to do with this class but I can see the light at the end of the tunnel now. I want to completely remove the chrome and use a simple border. Thanks again. I'll keep looking here to see if you got any improvements that could be made. OK This is how far I got with using the Window component;

  1. package
  2. {
  3.     import flash.display.NativeWindowSystemChrome;
  4.     import flash.display.NativeWindowType;
  5.     import flash.events.*;
  6.     import flash.utils.Timer;
  7.  
  8.     import mx.containers.Canvas;
  9.     import mx.controls.Button;
  10.     import mx.controls.TextArea;
  11.     import mx.core.Window;
  12.     import mx.events.FlexEvent;
  13.  
  14.     public class AlertWin extends Window
  15.     {
  16.         private var _showTimer:Timer;
  17.         private var _delayTimer:Timer;
  18.         private var _hideTimer:Timer;
  19.  
  20.         private var _delayTime:int;
  21.         private var _message:String;
  22.         private var _width:int;
  23.         private var _height:int;
  24.  
  25.         private var _systemChrome:NativeWindowSystemChrome;
  26.         private var _windowType:NativeWindowType
  27.  
  28.         public function AlertWin() {
  29.             this.maximizable = false;
  30.             this.resizable = false;
  31.             this.minimizable = false;
  32.  
  33.             // alternate, none, standard, utility
  34.             this.systemChrome = "none";
  35.  
  36.             // lightweight, normal, utility
  37.             this.type = "lightweight"
  38.  
  39.             this.addEventListener(FlexEvent.CREATION_COMPLETE, completeHandler);
  40.         }
  41.  
  42.         public function completeHandler(event:FlexEvent):void {
  43.             this.nativeWindow.x = flash.display.Screen.mainScreen.bounds.width - (this.width + 20);
  44.             this.nativeWindow.y = flash.display.Screen.mainScreen.bounds.height - 20;
  45.  
  46.             this.horizontalScrollPolicy = "off";
  47.             this.verticalScrollPolicy = "off";
  48.  
  49.             _showTimer = new Timer(10,0);
  50.             _showTimer.addEventListener("timer", showTimerHandler);
  51.             _showTimer.start();
  52.         }
  53.  
  54.         public function show(message:String, title:String = "", delayTime:int=2, width:int=200, height:int=150): void {
  55.             _delayTime = delayTime;
  56.  
  57.         this.width = width;
  58.       this.height = height;
  59.  
  60.             var cnv:Canvas = new Canvas();
  61.             cnv.width = width;
  62.             cnv.height = height;
  63.             cnv.horizontalScrollPolicy = "off";
  64.             cnv.verticalScrollPolicy = "off";
  65.  
  66.             var ta:TextArea = new TextArea();
  67.             ta.text = message;
  68.             ta.width = width;
  69.             ta.height = height;
  70.  
  71.             var btn:Button = new Button();
  72.             btn.label = "My Message";
  73.             btn.setStyle("right", "5");
  74.             btn.setStyle("bottom", "45");
  75.  
  76.             cnv.addChild(ta);
  77.             cnv.addChild(btn);
  78.  
  79.             this.addChild(cnv);
  80.  
  81.             this.open();
  82.         }
  83.  
  84.         private function showTimerHandler(event:TimerEvent):void {
  85.             this.nativeWindow.y -= 10;
  86.  
  87.             if(this.nativeWindow.y = (flash.display.Screen.mainScreen.bounds.height-20)){
  88.                     this.close();
  89.                     _hideTimer.stop();
  90.                 }
  91.             } else {
  92.                 _hideTimer.stop();
  93.             }
  94.         }
  95.     }
  96. }

Thanks Guys! I got a bit more to do with this class but I can see the light at the end of the tunnel now. I want to completely remove the chrome and use a simple border.

Thanks again. I’ll keep looking here to see if you got any improvements that could be made.

]]> By: everythingflex http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-534 everythingflex Tue, 18 Dec 2007 00:27:05 +0000 http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-534 Agreed Josh. I'll get one up for mx:Window as well. The current one is useful for HTML and Flash based applications that would not normally have access to the mx package. Agreed Josh. I’ll get one up for mx:Window as well. The current one is useful for HTML and Flash based applications that would not normally have access to the mx package.

]]> By: Theo http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-533 Theo Tue, 18 Dec 2007 00:07:04 +0000 http://blog.everythingflex.com/2007/12/17/air-alertwindow-component-toast-style/#comment-533 Ahh! And the light come on. For those of you (you know who you are) who were as much in the dark about this aspect as I was here is a paragraph from the Adobe site; "In Adobe AIR, the operating system's windows are represented by a NativeWindow class. Since this class is not Flex-aware, it doesn't provide the layout and other features that Flex developers (including you, presumably) demand. To give you multiple windows and Flex layout capabilities, we've created two components you can use for your AIR applications. They contain the raw ActionScript NativeWindow, but provide Flex-friendly functionality." Use the Flex Window component. Thanks Josh! Ahh! And the light come on. For those of you (you know who you are) who were as much in the dark about this aspect as I was here is a paragraph from the Adobe site;

“In Adobe AIR, the operating system’s windows are represented by a NativeWindow class. Since this class is not Flex-aware, it doesn’t provide the layout and other features that Flex developers (including you, presumably) demand. To give you multiple windows and Flex layout capabilities, we’ve created two components you can use for your AIR applications. They contain the raw ActionScript NativeWindow, but provide Flex-friendly functionality.”

Use the Flex Window component.

Thanks Josh!

]]>