--- /dev/null
+<html>\r
+<head>\r
+ <title>The source code</title>\r
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body onload="prettyPrint();">\r
+ <pre class="prettyprint lang-js"><div id="cls-Ext.air.NativeWindow"></div>/**\r
+ * @class Ext.air.NativeWindow\r
+ * @extends Ext.air.NativeObservable\r
+ * \r
+ * Wraps the AIR NativeWindow class to give an Ext friendly API. <br/><br/>This class also adds \r
+ * automatic state management (position and size) for the window (by id) and it can be used \r
+ * for easily creating "minimize to system tray" for the main window in your application.<br/><br/>\r
+ * \r
+ * Note: Many of the config options for this class can only be applied to NEW windows. Passing \r
+ * in an existing instance of a window along with those config options will have no effect.\r
+ * \r
+ * @constructor\r
+ * @param {Object} config\r
+ */\r
+Ext.air.NativeWindow = function(config){\r
+ Ext.apply(this, config);\r
+ \r
+ <div id="prop-Ext.air.NativeWindow-id"></div>/**\r
+ * @type String\r
+ */\r
+ this.id = this.id || Ext.uniqueId();\r
+ \r
+ this.addEvents(\r
+ <div id="event-Ext.air.NativeWindow-close"></div>/**\r
+ * @event close\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'close', \r
+ <div id="event-Ext.air.NativeWindow-closing"></div>/**\r
+ * @event closing\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'closing',\r
+ <div id="event-Ext.air.NativeWindow-move"></div>/**\r
+ * @event move\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'move',\r
+ <div id="event-Ext.air.NativeWindow-moving"></div>/**\r
+ * @event moving\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'moving',\r
+ <div id="event-Ext.air.NativeWindow-resize"></div>/**\r
+ * @event resize\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'resize',\r
+ <div id="event-Ext.air.NativeWindow-resizing"></div>/**\r
+ * @event resizing\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'resizing',\r
+ <div id="event-Ext.air.NativeWindow-displayStateChange"></div>/**\r
+ * @event displayStateChange\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'displayStateChange',\r
+ <div id="event-Ext.air.NativeWindow-displayStateChanging"></div>/**\r
+ * @event displayStateChanging\r
+ * @param {Object} e The air event object\r
+ */\r
+ 'displayStateChanging'\r
+ );\r
+ \r
+ Ext.air.NativeWindow.superclass.constructor.call(this);\r
+ \r
+ if(!this.instance){\r
+ var options = new air.NativeWindowInitOptions();\r
+ options.systemChrome = this.chrome;\r
+ options.type = this.type;\r
+ options.resizable = this.resizable;\r
+ options.minimizable = this.minimizable;\r
+ options.maximizable = this.maximizable;\r
+ options.transparent = this.transparent;\r
+ \r
+ this.loader = window.runtime.flash.html.HTMLLoader.createRootWindow(false, options, false);\r
+ this.loader.load(new air.URLRequest(this.file));\r
+ \r
+ this.instance = this.loader.window.nativeWindow;\r
+ }else{\r
+ this.loader = this.instance.stage.getChildAt(0);\r
+ }\r
+ \r
+ var provider = Ext.state.Manager;\r
+ var b = air.Screen.mainScreen.visibleBounds;\r
+ \r
+ var state = provider.get(this.id) || {};\r
+ provider.set(this.id, state);\r
+ \r
+ var win = this.instance;\r
+ \r
+ var width = Math.max(state.width || this.width, 100);\r
+ var height = Math.max(state.height || this.height, 100);\r
+ \r
+ var centerX = b.x + ((b.width/2)-(width/2));\r
+ var centerY = b.y + ((b.height/2)-(height/2));\r
+ \r
+ var x = !Ext.isEmpty(state.x, false) ? state.x : (!Ext.isEmpty(this.x, false) ? this.x : centerX);\r
+ var y = !Ext.isEmpty(state.y, false) ? state.y : (!Ext.isEmpty(this.y, false) ? this.y : centerY);\r
+ \r
+ win.width = width;\r
+ win.height = height;\r
+ win.x = x;\r
+ win.y = y;\r
+ \r
+ win.addEventListener('move', function(){\r
+ if(win.displayState != air.NativeWindowDisplayState.MINIMIZED && win.width > 100 && win.height > 100) {\r
+ state.x = win.x;\r
+ state.y = win.y;\r
+ }\r
+ }); \r
+ win.addEventListener('resize', function(){\r
+ if (win.displayState != air.NativeWindowDisplayState.MINIMIZED && win.width > 100 && win.height > 100) {\r
+ state.width = win.width;\r
+ state.height = win.height;\r
+ }\r
+ });\r
+ \r
+ Ext.air.NativeWindowManager.register(this);\r
+ this.on('close', this.unregister, this);\r
+ \r
+ <div id="cfg-Ext.air.NativeWindow-minimizeToTray"></div>/**\r
+ * @cfg {Boolean} minimizeToTray \r
+ * True to enable minimizing to the system tray. Note: this should only be applied\r
+ * to the primary window in your application. A trayIcon is required.\r
+ */\r
+ if(this.minimizeToTray){\r
+ this.initMinimizeToTray(this.trayIcon, this.trayMenu);\r
+ }\r
+ \r
+};\r
+\r
+Ext.extend(Ext.air.NativeWindow, Ext.air.NativeObservable, {\r
+ \r
+ <div id="cfg-Ext.air.NativeWindow-instance"></div>/**\r
+ * @cfg {air.NativeWindow} instance \r
+ * The native window instance to wrap. If undefined, a new window will be created.\r
+ */\r
+ \r
+ <div id="cfg-Ext.air.NativeWindow-trayIcon"></div>/**\r
+ * @cfg {String} trayIcon \r
+ * The icon to display when minimized in the system tray\r
+ */\r
+ <div id="cfg-Ext.air.NativeWindow-trayMenu"></div>/**\r
+ * @cfg {NativeMenu} trayMenu \r
+ * Menu to display when the tray icon is right clicked\r
+ */\r
+ <div id="cfg-Ext.air.NativeWindow-trayTip"></div>/**\r
+ * @cfg {String} trayTip \r
+ * Tooltip for the tray icon\r
+ */ \r
+ \r
+ <div id="cfg-Ext.air.NativeWindow-chrome"></div>/**\r
+ * @cfg {String} chrome \r
+ * The native window chrome (defaults to 'standard', can also be 'none').\r
+ */\r
+ chrome: 'standard', // can also be none\r
+ <div id="cfg-Ext.air.NativeWindow-type"></div>/**\r
+ * @cfg {String} type \r
+ * The native window type - normal, utility or lightweight. (defaults to normal)\r
+ */\r
+ type: 'normal', // can be normal, utility or lightweight\r
+ <div id="cfg-Ext.air.NativeWindow-width"></div>/**\r
+ * @cfg {Number} width\r
+ */\r
+ width:600,\r
+ <div id="cfg-Ext.air.NativeWindow-height"></div>/**\r
+ * @cfg {Number} height \r
+ */\r
+ height:400,\r
+ <div id="cfg-Ext.air.NativeWindow-resizable"></div>/**\r
+ * @cfg {Boolean} resizable \r
+ */\r
+ resizable: true,\r
+ <div id="cfg-Ext.air.NativeWindow-minimizable"></div>/**\r
+ * @cfg {Boolean} minimizable \r
+ */\r
+ minimizable: true,\r
+ <div id="cfg-Ext.air.NativeWindow-maximizable"></div>/**\r
+ * @cfg {Boolean} maximizable \r
+ */\r
+ maximizable: true,\r
+ <div id="cfg-Ext.air.NativeWindow-transparent"></div>/**\r
+ * @cfg {Boolean} transparent\r
+ */\r
+ transparent: false,\r
+ \r
+ <div id="method-Ext.air.NativeWindow-getNative"></div>/**\r
+ * Returns the air.NativeWindow instance\r
+ * @return air.NativeWindow\r
+ */\r
+ getNative : function(){\r
+ return this.instance;\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-getCenterXY"></div>/**\r
+ * Returns the x/y coordinates for centering the windw on the screen\r
+ * @return {x: Number, y: Number}\r
+ */\r
+ getCenterXY : function(){\r
+ var b = air.Screen.mainScreen.visibleBounds;\r
+ return {\r
+ x: b.x + ((b.width/2)-(this.width/2)),\r
+ y: b.y + ((b.height/2)-(this.height/2))\r
+ };\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-show"></div>/**\r
+ * Shows the window\r
+ */\r
+ show :function(){\r
+ if(this.trayed){\r
+ Ext.air.SystemTray.hideIcon();\r
+ this.trayed = false;\r
+ }\r
+ this.instance.visible = true;\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-activate"></div>/**\r
+ * Shows and activates the window\r
+ */\r
+ activate : function(){\r
+ this.show();\r
+ this.instance.activate();\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-hide"></div>/**\r
+ * Hides the window\r
+ */\r
+ hide :function(){\r
+ this.instance.visible = false;\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-close"></div>/**\r
+ * Closes the window\r
+ */\r
+ close : function(){\r
+ this.instance.close(); \r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-isMinimized"></div>/**\r
+ * Returns true if this window is minimized\r
+ * @return Boolean\r
+ */\r
+ isMinimized :function(){\r
+ return this.instance.displayState == air.NativeWindowDisplayState.MINIMIZED;\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-isMaximized"></div>/**\r
+ * Returns true if this window is maximized\r
+ * @return Boolean\r
+ */\r
+ isMaximized :function(){\r
+ return this.instance.displayState == air.NativeWindowDisplayState.MAXIMIZED;\r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-moveTo"></div>/**\r
+ * Moves the window to the passed xy and y coordinates\r
+ * @param {Number} x\r
+ * @param {Number} y\r
+ */\r
+ moveTo : function(x, y){\r
+ this.x = this.instance.x = x;\r
+ this.y = this.instance.y = y; \r
+ },\r
+ \r
+ <div id="method-Ext.air.NativeWindow-resize"></div>/**\r
+ * @param {Number} width\r
+ * @param {Number} height\r
+ */\r
+ resize : function(width, height){\r
+ this.width = this.instance.width = width;\r
+ this.height = this.instance.height = height; \r
+ },\r
+ \r
+ unregister : function(){\r
+ Ext.air.NativeWindowManager.unregister(this);\r
+ },\r
+ \r
+ initMinimizeToTray : function(icon, menu){\r
+ var tray = Ext.air.SystemTray;\r
+ \r
+ tray.setIcon(icon, this.trayTip);\r
+ this.on('displayStateChanging', function(e){\r
+ if(e.afterDisplayState == 'minimized'){\r
+ e.preventDefault();\r
+ this.hide();\r
+ tray.showIcon();\r
+ this.trayed = true;\r
+ }\r
+ }, this);\r
+ \r
+ tray.on('click', function(){\r
+ this.activate();\r
+ }, this);\r
+ \r
+ if(menu){\r
+ tray.setMenu(menu);\r
+ }\r
+ }\r
+});\r
+\r
+<div id="method-Ext.air.NativeWindow-NativeWindow.getRootWindow"></div>/**\r
+ * Returns the first opened window in your application\r
+ * @return air.NativeWindow\r
+ * @static\r
+ */\r
+Ext.air.NativeWindow.getRootWindow = function(){\r
+ return air.NativeApplication.nativeApplication.openedWindows[0];\r
+};\r
+\r
+<div id="method-Ext.air.NativeWindow-NativeWindow.getRootHtmlWindow"></div>/**\r
+ * Returns the javascript "window" object of the first opened window in your application\r
+ * @return Window\r
+ * @static\r
+ */\r
+Ext.air.NativeWindow.getRootHtmlWindow = function(){\r
+ return Ext.air.NativeWindow.getRootWindow().stage.getChildAt(0).window;\r
+};\r
+\r
+<div id="cls-Ext.air.NativeWindowGroup"></div>/**\r
+ * @class Ext.air.NativeWindowGroup\r
+ * \r
+ * A collection of NativeWindows.\r
+ */\r
+Ext.air.NativeWindowGroup = function(){\r
+ var list = {};\r
+\r
+ return {\r
+ <div id="method-Ext.air.NativeWindowGroup-register"></div>/**\r
+ * @param {Object} win\r
+ */\r
+ register : function(win){\r
+ list[win.id] = win;\r
+ },\r
+\r
+ <div id="method-Ext.air.NativeWindowGroup-unregister"></div>/**\r
+ * @param {Object} win\r
+ */\r
+ unregister : function(win){\r
+ delete list[win.id];\r
+ },\r
+\r
+ <div id="method-Ext.air.NativeWindowGroup-get"></div>/**\r
+ * @param {String} id\r
+ */\r
+ get : function(id){\r
+ return list[id];\r
+ },\r
+\r
+ <div id="method-Ext.air.NativeWindowGroup-closeAll"></div>/**\r
+ * Closes all windows\r
+ */\r
+ closeAll : function(){\r
+ for(var id in list){\r
+ if(list.hasOwnProperty(id)){\r
+ list[id].close();\r
+ }\r
+ }\r
+ },\r
+\r
+ <div id="method-Ext.air.NativeWindowGroup-each"></div>/**\r
+ * Executes the specified function once for every window in the group, passing each\r
+ * window as the only parameter. Returning false from the function will stop the iteration.\r
+ * @param {Function} fn The function to execute for each item\r
+ * @param {Object} scope (optional) The scope in which to execute the function\r
+ */\r
+ each : function(fn, scope){\r
+ for(var id in list){\r
+ if(list.hasOwnProperty(id)){\r
+ if(fn.call(scope || list[id], list[id]) === false){\r
+ return;\r
+ }\r
+ }\r
+ }\r
+ }\r
+ };\r
+};\r
+\r
+<div id="cls-Ext.air.NativeWindowManager"></div>/**\r
+ * @class Ext.air.NativeWindowManager\r
+ * @extends Ext.air.NativeWindowGroup\r
+ * \r
+ * Collection of all NativeWindows created.\r
+ * \r
+ * @singleton\r
+ */\r
+Ext.air.NativeWindowManager = new Ext.air.NativeWindowGroup();</pre> \r
+</body>\r
+</html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff