CODIGO.actionscript » AS3 http://www.codigoactionscript.org Blog de programación en ActionScript. Tips, tutoriales, ejemplos de Adobe Flash, Flex y AIR Fri, 30 Sep 2011 11:25:38 +0000 en hourly 1 http://wordpress.org/?v=3.3 AdobeTV: Determining speed data from GPS http://www.codigoactionscript.org/adobetv-determining-speed-data-from-gps/ http://www.codigoactionscript.org/adobetv-determining-speed-data-from-gps/#comments Fri, 30 Sep 2011 11:25:38 +0000 admin http://www.codigoactionscript.org/?p=725

Utilizando ActionScript se puede obtener datos GPS desde un teléfono móvil o tableta. Estos datos son la latitud, la longitud, la dirección del movimiento, la precisión, la altitud, así como la velocidad. En este vídeo se muestra como obtener la propiedad de la velocidad para crear una aplicación sencilla y eficaz.

Related posts: AdobeTV: [...] Related posts:

  1. AdobeTV: Desarrollo AIR para Android con Flash CS5
  2. AdobeTV: Air for Android Development
  3. AdobeTV: Screen density
]]> Utilizando ActionScript se puede obtener datos GPS desde un teléfono móvil o tableta. Estos datos son la latitud, la longitud, la dirección del movimiento, la precisión, la altitud, así como la velocidad. En este vídeo se muestra como obtener la propiedad de la velocidad para crear una aplicación sencilla y eficaz.

Related posts:

  1. AdobeTV: Desarrollo AIR para Android con Flash CS5
  2. AdobeTV: Air for Android Development
  3. AdobeTV: Screen density

]]> http://www.codigoactionscript.org/adobetv-determining-speed-data-from-gps/feed/ 0 Cargar imágenes en aplicaciones iOS con Flash CS5.5 http://www.codigoactionscript.org/cargar-imagenes-en-aplicaciones-ios-con-flash-cs5-5/ http://www.codigoactionscript.org/cargar-imagenes-en-aplicaciones-ios-con-flash-cs5-5/#comments Sat, 04 Jun 2011 22:15:01 +0000 admin http://www.codigoactionscript.org/?p=705 Cuando creamos una aplicación para Iphone desde Flash el tamaño de documento que utilizamos es 320x480 que es la resolución disponible en un Iphone 3.

En el caso del Iphone 4 tenemos una resolución de 640x960, osea que nuestra aplicación se escalará para adaptarse a esta mayor resolución. Si estamos utilizando imágenes bitmap en nuestra aplicación veremos que tenemos una perdida de calidad al estar escalándose al doble de tamaño.

Si hemos utilizado Xcode sabremos que por cada imagen tendremos su equivalente con el mismo nombre acabo en "@X2" y doble [...] Related posts:

  1. Detectar la conexión 3G o Wifi en aplicaciones AIR para Android
  2. Clase para cargar contenido externo en Actionscript 3
  3. Cargar XML en un componente List en Actionscript 3
]]> Cuando creamos una aplicación para Iphone desde Flash el tamaño de documento que utilizamos es 320x480 que es la resolución disponible en un Iphone 3.

En el caso del Iphone 4 tenemos una resolución de 640x960, osea que nuestra aplicación se escalará para adaptarse a esta mayor resolución. Si estamos utilizando imágenes bitmap en nuestra aplicación veremos que tenemos una perdida de calidad al estar escalándose al doble de tamaño.

Si hemos utilizado Xcode sabremos que por cada imagen tendremos su equivalente con el mismo nombre acabo en "@X2" y doble de resolución, que automaticamente se sustituirá en al visualizarse la aplicación en pantalla retina.

Creando nuestra aplicación en AIR para IOS podemos conseguir esta misma característica creando una clase que nos muestre la imagen normal o su equivalente al doble de resolución dependiendo de la resolución del dispositivo.

Con una simple comprobación de la profundidad de pixel del dispositivo podemos saber si estamos en una pantalla retina, en ese caso cambiaremos el nombre de la imagen a su equivalente con el doble de resolución y reduciremos la escala al clip a la mitad para que se visualice al mismo tamaño:

PLAIN TEXT
Actionscript:
  1. if(flash.system.Capabilities.screenDPI==326) //iphone 4
  2. {
  3.     $__urlAsset = $__urlAsset.replace(".","@2x.");
  4.     this.scaleX = .5;
  5.     this.scaleY = .5;
  6. }

Este código utilizado en una clase similar a la que mostré en =http://www.cristalab.com/tutoriales/clase-para-cargar-un-swf-externo-en-flash-c26811lun tip hace mucho tiempo[/url] quedaría asi:

PLAIN TEXT
Actionscript:
  1. package com.cristalab.display
  2. {
  3.     import flash.display.Bitmap;
  4.     import flash.display.Loader;
  5.     import flash.display.Sprite;
  6.     import flash.events.Event;
  7.     import flash.net.URLRequest;
  8.     import flash.system.Capabilities;
  9.     import flash.system.LoaderContext;
  10.     //-----------------------------------------
  11.     public class BitmapIOS extends Sprite
  12.     {
  13.         public static const CARGADO:String = "cargado";
  14.         private var $__cargado:Boolean = false;
  15.         private var $__context:LoaderContext = new LoaderContext();
  16.         private var $__loader:Loader = new Loader();
  17.         private var $__urlAsset:String;
  18.         //-----------------------------------------
  19.         public function BitmapIOS(asset:String = null)
  20.         {
  21.             $__urlAsset = asset;
  22.             if($__urlAsset != null)
  23.             {
  24.                 this.__load();
  25.             }
  26.         }
  27.         //-----------------------------------------
  28.         public function set asset(a:String):void
  29.         {
  30.             if($__urlAsset != null)
  31.             {
  32.                 borra();
  33.             }
  34.             $__urlAsset = a;
  35.             this.__load();
  36.         }
  37.         //-----------------------------------------
  38.         public function borra():void
  39.         {
  40.             this.removeChild($__loader);
  41.             $__loader.unload();
  42.             $__urlAsset = null;
  43.         }
  44.         //-----------------------------------------
  45.         public function get cargado():Boolean
  46.         {
  47.             return $__cargado;
  48.         }
  49.         //-----------------------------------------
  50.         private function __load():void
  51.         {
  52.             if($__urlAsset != null)
  53.             {
  54.                 if(flash.system.Capabilities.screenDPI==326) //iphone 4
  55.                 {
  56.                     $__urlAsset = $__urlAsset.replace(".","@2x.");
  57.                     this.scaleX = .5;
  58.                     this.scaleY = .5;
  59.                 }
  60.                 $__loader.load(new URLRequest($__urlAsset), $__context);
  61.                 $__loader.contentLoaderInfo.addEventListener(Event.INIT, __onLoadComplete, false, 0, true);
  62.                 this.addChild($__loader);
  63.             }
  64.         }
  65.         private function __onLoadComplete(e:Event = null):void
  66.         {
  67.             $__loader.contentLoaderInfo.removeEventListener(Event.INIT, __onLoadComplete);
  68.             Bitmap($__loader.content).smoothing = true;
  69.             $__cargado = true;
  70.             dispatchEvent(new Event(Contenedor.CARGADO));
  71.         }
  72.         //-----------------------------------------
  73.     }
  74. }

Esta clase la asignaríamos a un MovieClip vacío en nuestra librería. Para cargar las imágenes lo situaremos en la posición deseada y utilizaremos un código similar a este:

PLAIN TEXT
Actionscript:
  1. this.img.asset  = "flash.png";

Según sea la pantalla retina o no, nos cargará el fichero "flash.png" o "flash@2x.png".

Hay que recordar que hemos de incluir ambos archivos dentro de la carpet de nuestra aplicación para poder acceder a ellos.

Related posts:

  1. Detectar la conexión 3G o Wifi en aplicaciones AIR para Android
  2. Clase para cargar contenido externo en Actionscript 3
  3. Cargar XML en un componente List en Actionscript 3

]]> http://www.codigoactionscript.org/cargar-imagenes-en-aplicaciones-ios-con-flash-cs5-5/feed/ 0 Detectar la conexión 3G o Wifi en aplicaciones AIR para Android http://www.codigoactionscript.org/detectar-la-conexion-3g-o-wifi-en-aplicaciones-air-para-android/ http://www.codigoactionscript.org/detectar-la-conexion-3g-o-wifi-en-aplicaciones-air-para-android/#comments Fri, 03 Jun 2011 15:54:15 +0000 admin http://www.codigoactionscript.org/?p=703 Es probable que en una aplicación para teléfono móvil nos interese saber si estamos conectando a la red a través de la conexión 3G o a través de WIFI, para ejecutar diferentes acciones, permitir descargas de contenido etc.. O simplemente para saber si disponemos de conexión a internet o no.

Con la clase NetworkInfo de =http://www.cristalab.com/tags/airAIR 2[/url] nos permite acceder a todos los accesos a la red que tenemos disponibles en el dispositivo. Cada uno de ellos estará incluido en un objeto NetworkInterface con la propiedad active en valor true o [...] Related posts:

  1. Cargar imágenes en aplicaciones iOS con Flash CS5.5
  2. Detectar la conexión a internet desde una aplicación AIR
  3. Adobe AIR 2.6 para Android ya disponible
]]> Es probable que en una aplicación para teléfono móvil nos interese saber si estamos conectando a la red a través de la conexión 3G o a través de WIFI, para ejecutar diferentes acciones, permitir descargas de contenido etc.. O simplemente para saber si disponemos de conexión a internet o no.

Con la clase NetworkInfo de =http://www.cristalab.com/tags/airAIR 2[/url] nos permite acceder a todos los accesos a la red que tenemos disponibles en el dispositivo. Cada uno de ellos estará incluido en un objeto NetworkInterface con la propiedad active en valor true o false según sea el acceso en uso.

La siguiente clase que muestro es un ejemplo de uso:

Supongamos que tenemos un MovieClip con tres fotogramas. En el primero tendremos un icono para el estado "sin conexión", en el segundo un icono para 3G, y el tercero un icono para Wifi.

Ahora nos interesará que el MovieClip nos muestre el fotograma que indica que tipo de conexión estamos utilizando en nuestro dispositivo móvil.

Esta sería la clase para asignar al MovieClip:

PLAIN TEXT
Actionscript:
  1. package com.cristalab.controls.mobile
  2. {
  3.     import flash.display.MovieClip;
  4.     import flash.events.Event;
  5.     import flash.net.NetworkInfo;
  6.     import flash.net.NetworkInterface;
  7.     //------------------------------------------------------
  8.     public class NetworkInterfaceUI extends MovieClip
  9.     {
  10.         private var ni:NetworkInfo = NetworkInfo.networkInfo;
  11.         public var active:String = "none";
  12.         //------------------------------------------------------
  13.         public function NetworkInterfaceUI()
  14.         {   
  15.             ni.addEventListener(Event.NETWORK_CHANGE,checkNetworkInterface);
  16.             checkNetworkInterface();   
  17.         }
  18.         private function checkNetworkInterface(event:Event = null):void
  19.         {
  20.             var interfaceVector:Vector.<NetworkInterface> = ni.findInterfaces();
  21.             for each (var item:NetworkInterface in interfaceVector)
  22.             {
  23.                 active = (item.active == true) ? item.name : active;
  24.             }
  25.             switch (active)
  26.             {
  27.                 case "mobile" :
  28.                     this.gotoAndStop(2);
  29.                     break;
  30.                 case "WIFI" :
  31.                     this.gotoAndStop(3);
  32.                     break;
  33.                 default :
  34.                     this.gotoAndStop(1);
  35.                     break;
  36.             }
  37.         }
  38.     }
  39. }

Como podemos ver estamos guardando todas las NetworkInterfaces disponibles en un vector y realizamos una comprobación de cual es la que está activa.

Tambien detectamos los cambios en la red para actualizar nuestro icono.

Listo!

Related posts:

  1. Cargar imágenes en aplicaciones iOS con Flash CS5.5
  2. Detectar la conexión a internet desde una aplicación AIR
  3. Adobe AIR 2.6 para Android ya disponible

]]> http://www.codigoactionscript.org/detectar-la-conexion-3g-o-wifi-en-aplicaciones-air-para-android/feed/ 1 AdobeTV: Control del escritorio con dispositivos móviles http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/ http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/#comments Wed, 01 Jun 2011 14:01:15 +0000 admin http://www.codigoactionscript.org/?p=700

Platform Evangelist Tomas Krcha demuestra la capacidad de controlar una aplicación de escritorio a través de dispositivos móviles con Flash Builder.

Related posts: AdobeTV: Screen density AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder Beta de Adobe [...] Related posts:

  1. AdobeTV: Screen density
  2. AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder
  3. Beta de Adobe AIR 2.0 disponible en Labs
]]> Platform Evangelist Tomas Krcha demuestra la capacidad de controlar una aplicación de escritorio a través de dispositivos móviles con Flash Builder.

Related posts:

  1. AdobeTV: Screen density
  2. AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder
  3. Beta de Adobe AIR 2.0 disponible en Labs

]]> http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/feed/ 0 Cómo crear transiciones entre fotogramas en Flash http://www.codigoactionscript.org/como-crear-transiciones-entre-fotogramas-en-flash/ http://www.codigoactionscript.org/como-crear-transiciones-entre-fotogramas-en-flash/#comments Tue, 19 Jan 2010 03:33:19 +0000 admin http://www.codigoactionscript.org/como-crear-transiciones-entre-fotogramas-en-flash/ Hace unos días me preguntaron como crear transiciones entre fotogramas en Flash. Esto es una tarea bastante sencilla de implementar así que aprovecho para explicarla en forma de Tip.

Lo que se pretende conseguir es que al cambiar de fotograma, los elementos del fotograma actual desaparezcan de forma animada antes de saltar al siguiente fotograma. Como se ve en el ejemplo:

Clicka en los botones de colores

Esta sencilla película está estructurada en varios fotogramas con un elemento diferente en cada uno de ellos y una serie [...] Related posts:

  1. Asignar código actionscript en clases a fotogramas concretos
  2. Sistema de transiciones entre fotos
  3. Crear una aplicación Apollo con Flash CS3
]]> Hace unos días me preguntaron como crear transiciones entre fotogramas en Flash. Esto es una tarea bastante sencilla de implementar así que aprovecho para explicarla en forma de Tip.

Lo que se pretende conseguir es que al cambiar de fotograma, los elementos del fotograma actual desaparezcan de forma animada antes de saltar al siguiente fotograma. Como se ve en el ejemplo:


Clicka en los botones de colores

Esta sencilla película está estructurada en varios fotogramas con un elemento diferente en cada uno de ellos y una serie de botones que nos hacen saltar de uno a otro.

La idea del ejemplo es que cada fotograma esté contenido en un MovieClip que contenga a su vez la animación de entrada y salida. Y por código haremos que se reproduzcan estas animaciones al cambiar de fotograma.

En el primer fotograma del MovieClip tendremos todo su contenido tal cual nos interese tener en pantalla, y apartir del segundo fotograma haremos la animación de entrada y salida.

Para este ejemplo la animación de entrada y salida será la misma interpolación de movimiento que reproduciremos adelante o hacia atrás según sea el caso.

Para poder referenciar el código colocaremos un Label "on" en el primer frame de la animación, un Label "anim" en los fotogramas internos de la animación, y un Label "out" en el último fotograma de la animación.

[h3]Ahora vayamos al código:[/h3]

Empezaremos por la clase Main.as, que es la clase de la pelicula y donde asignaremos los comportamientos a los botones:

PLAIN TEXT
Actionscript:
  1. package {
  2.     import flash.display.MovieClip;
  3.     import flash.events.MouseEvent;
  4.     //
  5.     public class Main extends MovieClip {
  6.  
  7.         public var currentFrameClip:MovieClip;
  8.  
  9.         public function Main() {
  10.             this.boton1.addEventListener(MouseEvent.CLICK,gotoFrame);
  11.             this.boton2.addEventListener(MouseEvent.CLICK,gotoFrame);
  12.             this.boton3.addEventListener(MouseEvent.CLICK,gotoFrame);
  13.             this.boton4.addEventListener(MouseEvent.CLICK,gotoFrame);
  14.             this.stop();
  15.         }
  16.         private function gotoFrame(e:MouseEvent):void {
  17.             switch (e.currentTarget) {
  18.                 case boton1 :
  19.                     currentFrameClip.gotoFrame(1);
  20.                     break;
  21.                 case boton2 :
  22.                     currentFrameClip.gotoFrame(2);
  23.                     break;
  24.                 case boton3 :
  25.                     currentFrameClip.gotoFrame(3);
  26.                     break;
  27.                 case boton4 :
  28.                     currentFrameClip.gotoFrame(4);
  29.                     break;
  30.             }
  31.         }
  32.     }
  33. }

Aquí lo único que hacemos es que los botones de la película hagan ejecutar al MovieClip, referenciado desde una variable "currentFrameClip", un método llamado "gotoFrame", que como su nombre indica nos hará saltar al fotograma pasado como parámetro.

Vayamos ahora a la clase que asignaremos a cada uno de los MovieClip de los fotogramas y que es la que hará reproducir la animación y saltar de fotograma:

PLAIN TEXT
Actionscript:
  1. package {
  2.     import flash.display.MovieClip;
  3.     import flash.events.Event;
  4.     //
  5.     public class FrameInOut extends MovieClip {
  6.  
  7.         public var goto:uint;
  8.        
  9.         public function FrameInOut() {
  10.             MovieClip(this.parent).currentFrameClip=this;
  11.             frameIntro();
  12.         }
  13.         public function gotoFrame(frame:uint):void {
  14.             if (frame!=MovieClip(this.parent).currentFrame) {
  15.                 goto=frame;
  16.                 this.gotoAndStop("on");
  17.                 this.addEventListener(Event.ENTER_FRAME,avanzaFrame);
  18.             }
  19.         }
  20.         //-----------------------------------------------------
  21.         private function frameIntro():void {
  22.             this.gotoAndStop("out");
  23.             this.addEventListener(Event.ENTER_FRAME,retrocedeFrame);
  24.         }
  25.         private function retrocedeFrame(e:Event):void {
  26.             if (this.currentLabel=="on") {
  27.                 this.removeEventListener(Event.ENTER_FRAME,retrocedeFrame);
  28.             } else {
  29.                 this.prevFrame();
  30.             }
  31.         }
  32.         private function avanzaFrame(e:Event):void {
  33.             if (this.currentLabel=="out") {
  34.                 this.removeEventListener(Event.ENTER_FRAME,avanzaFrame);
  35.                 MovieClip(this.parent).gotoAndStop(goto);
  36.             } else {
  37.                 this.nextFrame();
  38.             }
  39.         }
  40.     }
  41. }

Esta clase lo que hace es guardar el valor del fotograma al que debe de saltar. Luego reproduce la animación de salida desplazandose desde el Label "on" al Label "out", y es entonces cuando llama ejecutar el gotoAndStop que hace cambiar de fotograma.

El contructor de la clase también tiene una llamada a una función que hace reproducir la animación de entrada creandose así la transición de un fotograma al otro.

Aquí puedes descargarte el archivo.

Related posts:

  1. Asignar código actionscript en clases a fotogramas concretos
  2. Sistema de transiciones entre fotos
  3. Crear una aplicación Apollo con Flash CS3

]]> http://www.codigoactionscript.org/como-crear-transiciones-entre-fotogramas-en-flash/feed/ 8 Cómo encriptar textos en Actionscript 3 http://www.codigoactionscript.org/como-encriptar-textos-en-actionscript-3/ http://www.codigoactionscript.org/como-encriptar-textos-en-actionscript-3/#comments Mon, 07 Dec 2009 15:41:18 +0000 admin http://www.codigoactionscript.org/como-encriptar-textos-en-actionscript-3/ En muchas ocasiones tenemos información que debemos guardar y que no queremos que sea accesible directamente por el usuario. Por ejemplo, archivos de configuración de aplicaciones AIR o archivos de texto con variables. La solución es escriptar ese texto para que no sea entendible si el usuario accede a él directamente.

Para encriptar un texto en actionscript 3 lo primero que hacemos es descargarnos esta librería que nos permitirá utilizar varios algoritmos de encriptación.

=http://ascrypt3.riaforge.orghttp://ascrypt3.riaforge.org/[/url]

Ahora nos crearemos una clase que utilice el cifrado en TEA. Este algoritmo requiere de un texto [...] Related posts:

  1. Busquedas de palabras en textos con expresiones regulares
  2. Legibilidad de los textos
  3. Ejecutar acciones actionscript en enlaces de texto con AS3
]]> En muchas ocasiones tenemos información que debemos guardar y que no queremos que sea accesible directamente por el usuario. Por ejemplo, archivos de configuración de aplicaciones AIR o archivos de texto con variables. La solución es escriptar ese texto para que no sea entendible si el usuario accede a él directamente.

Para encriptar un texto en actionscript 3 lo primero que hacemos es descargarnos esta librería que nos permitirá utilizar varios algoritmos de encriptación.

Ahora nos crearemos una clase que utilice el cifrado en TEA. Este algoritmo requiere de un texto clave que tendrá que ser el mismo a la hora de encriptar y a la hora de desencriptar.

PLAIN TEXT
Actionscript:
  1. package com.cristalab.utils.security
  2. {
  3. import com.meychi.ascrypt3.TEA;
  4. //-------------------------------------------------------------
  5. public class EncryptUtils
  6. {
  7. internal static const ENCRYPTION_KEY:String = "mi_contraseña_de_encriptado";
  8. //-------------------------------------------------------------
  9. public static function encryptString(s:String):String
  10. {
  11. var tea:TEA = new TEA();
  12. var encryptedString:String = tea.encrypt(s, ENCRYPTION_KEY);
  13. return encryptedString;
  14. }
  15. public static function decryptString(s:String):String
  16. {
  17. var tea:TEA = new TEA();
  18. var decryptedString:String = tea.decrypt(s, ENCRYPTION_KEY);
  19. return decryptedString;
  20. }
  21. }
  22. }

La utilización de esta clase para encriptar texto sería:

PLAIN TEXT
Actionscript:
  1. import com.cristalab.utils.security;
  2. var texto:String = "Lo que sea";
  3. var texto_encriptado:String = EncryptUtils.encryptString(texto);

Y para desencriptar:

PLAIN TEXT
Actionscript:
  1. var texto:String = EncryptUtils.decryptString(texto_encriptado);

En esta clase de ejemplo la palabra clave para codificar esta añadida dentro de la misma clase, pero podríamos haber creado la clase haciendo que ese String le viniese como parámetro y así utilizar diferentes keys para diferentes proyectos. Lo que ha de estar claro es que para desencriptar un texto deberemos utilizar el mismo key que utilizamos para encriptarlo.

Related posts:

  1. Busquedas de palabras en textos con expresiones regulares
  2. Legibilidad de los textos
  3. Ejecutar acciones actionscript en enlaces de texto con AS3

]]> http://www.codigoactionscript.org/como-encriptar-textos-en-actionscript-3/feed/ 1 Detectar la conexión a internet desde una aplicación AIR http://www.codigoactionscript.org/detectar-la-conexion-a-internet-desde-una-aplicacion-air/ http://www.codigoactionscript.org/detectar-la-conexion-a-internet-desde-una-aplicacion-air/#comments Sun, 06 Dec 2009 16:15:59 +0000 admin http://www.codigoactionscript.org/?p=556 Detectar si disponemos de conexión de internet al ejecutar una aplicación AIR es una comprobación muy sencilla ya que disponemos de una clase de actionscript especifica para realizarla. La clase URLMonitor.

Al instanciar la clase URLMonitor de deberemos pasarle como parámetro un URLRequest con una dirección web válida con la que realizar la comprobación de la conexión a internet.

PLAIN TEXT Actionscript: var _urlForRequest:URLRequest = new URLRequest("http://www.cristalab.com"); var _monitor:URLMonitor = new URLMonitor(_urlForRequest);

Una vez iniciado el URLMonitor, este lanzará un evento cada vez que detecte cambios de conexión.

PLAIN TEXT Actionscript: _monitor.addEventListener(StatusEvent.STATUS, onStatusChange); _monitor.start();

La disponibilidad de conexión [...] Related posts:

  1. Detectar la conexión 3G o Wifi en aplicaciones AIR para Android
  2. Cómo compilar desde de SDK de Flex 2
  3. Pasar variables a la pelicula Fash desde el Html
]]> Detectar si disponemos de conexión de internet al ejecutar una aplicación AIR es una comprobación muy sencilla ya que disponemos de una clase de actionscript especifica para realizarla. La clase URLMonitor.

Al instanciar la clase URLMonitor de deberemos pasarle como parámetro un URLRequest con una dirección web válida con la que realizar la comprobación de la conexión a internet.

PLAIN TEXT
Actionscript:
  1. var _urlForRequest:URLRequest = new URLRequest("http://www.cristalab.com");
  2. var _monitor:URLMonitor = new URLMonitor(_urlForRequest);

Una vez iniciado el URLMonitor, este lanzará un evento cada vez que detecte cambios de conexión.

PLAIN TEXT
Actionscript:
  1. _monitor.addEventListener(StatusEvent.STATUS, onStatusChange);
  2. _monitor.start();

La disponibilidad de conexión a internet quedará guardada en un parámetro booleano dentro del objeto que podremos recuperar y actuar en consecuencia.

PLAIN TEXT
Actionscript:
  1. function onStatusChange(e:StatusEvent):void
  2. {
  3.     if(_monitor.available == true)
  4.     {
  5.         //loquesea
  6.     }
  7.     else
  8.     {
  9.         //loquesea
  10.     }
  11. }

Este evento se disparará siempre que haya un cambio en el estado de la conexión, con lo que podremos detectar si perdimos la conexión (o la recuperamos) durante la ejecución de nuestra aplicación, y evitar así posibles fallos de funcionamiento.

Related posts:

  1. Detectar la conexión 3G o Wifi en aplicaciones AIR para Android
  2. Cómo compilar desde de SDK de Flex 2
  3. Pasar variables a la pelicula Fash desde el Html

]]> http://www.codigoactionscript.org/detectar-la-conexion-a-internet-desde-una-aplicacion-air/feed/ 4 Adobe en Vivo 2009 en su versión onLine http://www.codigoactionscript.org/adobe-en-vivo-2009-en-su-version-online/ http://www.codigoactionscript.org/adobe-en-vivo-2009-en-su-version-online/#comments Wed, 08 Jul 2009 11:40:34 +0000 admin http://www.codigoactionscript.org/?p=473 Como ya saben, =http://www.garageflash.com/adobe-en-vivo-version-online-del-14-al-18-de-julioAdobe en Vivo[/url] es una seria de conferencias internacionales que son de forma presencial organizadas por Adobe User Group Perú (Garage Flash), invitando a los expositores a pasar una semana en Perú, dando conferencias gratuitas y talleres privados. Como este evento se hace de forma anual, hemos pensado hacer una versión onLine con 21 conferencistas entre manager, co-manager, lideres de comunidad y de opinión web.

Martes 14 Realidad Aumentada Perú - Elder Vásquez (eldervaz) Entrelazado vs progresivo en After Effects España - Jorge Mochon Contenido dinámico con InDesign Colombia - Marlon Ceballos Haciendo la Web [...] Related posts:
  1. URL para ver las conferencias de Adobe en Vivo 2009
  2. Videos online de las sesiones del Adobe MAX 2009
  3. Curso de Adobe AIR, online y gratuito, en Video2brain
]]> Como ya saben, =http://www.garageflash.com/adobe-en-vivo-version-online-del-14-al-18-de-julioAdobe en Vivo[/url] es una seria de conferencias internacionales que son de forma presencial organizadas por Adobe User Group Perú (Garage Flash), invitando a los expositores a pasar una semana en Perú, dando conferencias gratuitas y talleres privados. Como este evento se hace de forma anual, hemos pensado hacer una versión onLine con 21 conferencistas entre manager, co-manager, lideres de comunidad y de opinión web.

Martes 14

  • Realidad Aumentada
    Perú - Elder Vásquez (eldervaz)
  • Entrelazado vs progresivo en After Effects
    España - Jorge Mochon
  • Contenido dinámico con InDesign
    Colombia - Marlon Ceballos
  • Haciendo la Web más Dinámica con Premiere, Encore y After Effects
    Rep.Dominicana - Luis Sosa

Miércoles 15

Jueves 16

Viernes 17

  • Mobile Video - Dandelion Player for Flash Lite
    España - Raul Jimenez (elecash)
  • Juegos en Flash Lite
    España - Marcos González
  • Flash Builder 4 - Data Centric Development
    España - David Lopez
  • ADOBE
    EEUU - John Koch - Community Manager
    International Developer Relations Manager

Sábado 18

Esta conferencia será transmitida por Adobe Connect, y para ello solo tienes que ingresar a la dirección web que será publicada el mismo día del evento.

Verifica la fecha y hora de cada charla en: http://www.adobenvivo.com/online/

Related posts:

  1. URL para ver las conferencias de Adobe en Vivo 2009
  2. Videos online de las sesiones del Adobe MAX 2009
  3. Curso de Adobe AIR, online y gratuito, en Video2brain

]]> http://www.codigoactionscript.org/adobe-en-vivo-2009-en-su-version-online/feed/ 2 Panel de zoom de imágenes en Flex http://www.codigoactionscript.org/panel-de-zoom-de-imagenes-en-flex/ http://www.codigoactionscript.org/panel-de-zoom-de-imagenes-en-flex/#comments Mon, 13 Apr 2009 21:04:16 +0000 admin http://www.codigoactionscript.org/?p=391 Este ejemplo es, igual que hice en el post anterior, un ejemplo que he adaptado a Flex desde un ejemplo que hice hace tiempo para Flash. Se trata de un panel donde se ve un zoom de una parte de una imagen.

Este es el ejemplo montado en Flex:

Y este es el código utilizado para la película principal:

PLAIN TEXT Actionscript: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                 xmlns:ui="*"                 layout="absolute"                 creationComplete="ini()"             [...] Related posts:
  1. Ejemplo de Zoom con lupa en Flex
  2. Panel de zoom de imágenes en ActionScript 3
  3. Drag and Drop en AS3
]]> Este ejemplo es, igual que hice en el post anterior, un ejemplo que he adaptado a Flex desde un ejemplo que hice hace tiempo para Flash. Se trata de un panel donde se ve un zoom de una parte de una imagen.

Este es el ejemplo montado en Flex:

Y este es el código utilizado para la película principal:

PLAIN TEXT
Actionscript:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.                 xmlns:ui="*"
  4.                 layout="absolute"
  5.                 creationComplete="ini()"
  6.                 width="505"
  7.                 height="260">
  8.  
  9.     <mx:Script>
  10.         <![CDATA[
  11.             import ZoomFx;
  12.             private var _zoom:ZoomFx;
  13.  
  14.             private function ini():void
  15.             {
  16.                 _zoom=new ZoomFx(this, fotoZoom, panelZoom);
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:HBox horizontalCenter="0"
  22.              verticalCenter="0">
  23.         <ui:FotoZoom id="fotoZoom"/>
  24.         <ui:PanelZoom id="panelZoom"/>
  25.     </mx:HBox>
  26.  
  27. </mx:Application>

Este sería el componente que contiene la foto en grande:

PLAIN TEXT
Actionscript:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
  3.            width="350"
  4.            height="250"
  5.            borderStyle="solid"
  6.            borderThickness="1"
  7.            borderColor="#000000"
  8.            horizontalScrollPolicy="off"
  9.            verticalScrollPolicy="off">
  10.     <mx:Image id="foto"
  11.               scaleContent="false">
  12.         <mx:source>img/Waterfall.jpg</mx:source>
  13.     </mx:Image>
  14.  
  15. </mx:Canvas>

Y este el componente que contiene el panel de preview:

PLAIN TEXT
Actionscript:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
  3.            width="140"
  4.            height="100"
  5.            borderStyle="solid"
  6.            borderThickness="1"
  7.            borderColor="#000000"
  8.            horizontalScrollPolicy="off"
  9.            verticalScrollPolicy="off">
  10.     <mx:Image id="foto"
  11.               scaleContent="true"
  12.               width="140"
  13.               height="100"
  14.               horizontalCenter="0"
  15.               verticalCenter="0">
  16.         <mx:source>img/Waterfall.jpg</mx:source>
  17.     </mx:Image>
  18.     <mx:Canvas x="0"
  19.                y="0"
  20.                width="70"
  21.                height="50"
  22.                backgroundColor="#FF0000"
  23.                backgroundAlpha="0.5"
  24.                borderStyle="solid"
  25.                borderThickness="1"
  26.                borderColor="#FF0000"
  27.                id="zoomDrag">
  28.     </mx:Canvas>
  29. </mx:Canvas>

Solo quedaría la clase de que controla el efecto:

PLAIN TEXT
Actionscript:
  1. package
  2. {
  3.     import flash.events.Event;
  4.     import flash.events.MouseEvent;
  5.  
  6.     import mx.containers.Canvas;
  7.     import mx.controls.Image;
  8.     import mx.controls.Alert;
  9.     import mx.core.UIComponent;
  10.  
  11.     public class ZoomFx
  12.     {
  13.         private var _stage:UIComponent;
  14.         private var _fotoZoom:UIComponent;
  15.         private var _panelZoom:UIComponent;
  16.         private var _distX:Number;
  17.         private var _distY:Number;
  18.         private var _porcentajeX:Number;
  19.         private var _porcentajeY:Number;
  20.  
  21.         //----------------------------------------------------
  22.         public function ZoomFx(stage:UIComponent, fotoZoom:UIComponent, panelZoom:UIComponent)
  23.         {
  24.             _stage=stage;
  25.             _fotoZoom=fotoZoom;
  26.             _panelZoom=panelZoom;
  27.  
  28.             iniZoomDrag();
  29.         }
  30.  
  31.         private function iniZoomDrag():void
  32.         {
  33.             var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
  34.             drag.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
  35.             drag.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);
  36.             drag.addEventListener(MouseEvent.MOUSE_OUT, onStopDrag);
  37.         }
  38.  
  39.         private function onStartDrag(e:Event):void
  40.         {
  41.             var canvas:Canvas=e.target as Canvas;
  42.             canvas.startDrag();
  43.             _stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseDragMove);
  44.         }
  45.  
  46.         private function onStopDrag(e:Event):void
  47.         {
  48.             var canvas:Canvas=e.target as Canvas;
  49.             canvas.stopDrag();
  50.             _stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouseDragMove);
  51.         }
  52.  
  53.         private function onMouseDragMove(e:Event):void
  54.         {
  55.             calculaDist();
  56.             mueveVisorZona();
  57.             controlaPosiciones();
  58.         }
  59.  
  60.         //-------------------------------------------------------------
  61.         private function calculaDist():void
  62.         {
  63.             var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
  64.             var foto:Image=_fotoZoom.getChildByName("foto") as Image;
  65.  
  66.             _porcentajeX=100 / (foto.width / _panelZoom.width);
  67.             _porcentajeY=100 / (foto.height / _panelZoom.height);
  68.  
  69.             drag.width=_fotoZoom.width * _porcentajeX / 100;
  70.             drag.height=_fotoZoom.height * _porcentajeY / 100;
  71.  
  72.             _distX=drag.x * 100 / _porcentajeX;
  73.             _distY=drag.y * 100 / _porcentajeY;
  74.  
  75.             _distX=(_distX <0) ? 0 : _distX;
  76.             _distY=(_distY <0) ? 0 : _distY;
  77.         }
  78.  
  79.         private function mueveVisorZona():void
  80.         {
  81.             var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
  82.             var foto:Image=_fotoZoom.getChildByName("foto") as Image;
  83.             foto.x=-_distX;
  84.             foto.y=-_distY;
  85.         }
  86.  
  87.         private function controlaPosiciones():void
  88.         {
  89.             var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
  90.             var foto:Image=_fotoZoom.getChildByName("foto") as Image;
  91.  
  92.             if (drag.x <0)
  93.             {
  94.                 drag.x=0;
  95.             }
  96.             else if (drag.x> _panelZoom.width - drag.width)
  97.             {
  98.                 drag.x=_panelZoom.width - drag.width;
  99.             }
  100.             if (drag.y <_panelZoom.y)
  101.             {
  102.                 drag.y=_panelZoom.y;
  103.             }
  104.             else if (drag.y> _panelZoom.y + _panelZoom.height - drag.height)
  105.             {
  106.                 drag.y=_panelZoom.y + _panelZoom.height - drag.height;
  107.             }
  108.  
  109.             if (foto.x> 0)
  110.             {
  111.                 foto.x=0;
  112.             }
  113.             else if (foto.x <_fotoZoom.width - foto.width)
  114.             {
  115.                 foto.x=_fotoZoom.width - foto.width;
  116.             }
  117.             if (foto.y> 0)
  118.             {
  119.                 foto.y=0;
  120.             }
  121.             else if (foto.y <_fotoZoom.height - foto.height)
  122.             {
  123.                 foto.y=_fotoZoom.height - foto.height;
  124.             }
  125.         }
  126.  
  127.     }
  128. }

Related posts:

  1. Ejemplo de Zoom con lupa en Flex
  2. Panel de zoom de imágenes en ActionScript 3
  3. Drag and Drop en AS3

]]> http://www.codigoactionscript.org/panel-de-zoom-de-imagenes-en-flex/feed/ 4 Ejemplo de Zoom con lupa en Flex http://www.codigoactionscript.org/ejemplo-de-zoom-con-lupa-en-flex/ http://www.codigoactionscript.org/ejemplo-de-zoom-con-lupa-en-flex/#comments Sat, 11 Apr 2009 02:46:07 +0000 admin http://www.codigoactionscript.org/?p=379 Hace un tiempo escribí un ejemplo de zoom sobre una imagen con Flash. Justo ahora me acaban de preguntar como adaptar ese ejemplo a una aplicación Flex.

Adaptar ese ejemplo es fácil, ya que el código actionscript se puede reutilizar prácticamente igual. Lo único que hay que tener en cuenta es que no vamos a trabajar con un MovieClip con una máscara sino con componentes mxml de Flex.

Así es como quedará el ejemplo montado en Flex:

Desplaza el mouse sobre la imagen para mover la lupa

Esta seria nuestra aplicación Flex:

PLAIN TEXT Actionscript: <?xml version="1.0" [...] Related posts:
  1. Panel de zoom de imágenes en Flex
  2. Ejemplo de Zoom con lupa en Flash CS3
  3. Personalizar componentes de Flex con estilos programáticos
]]> Hace un tiempo escribí un ejemplo de zoom sobre una imagen con Flash. Justo ahora me acaban de preguntar como adaptar ese ejemplo a una aplicación Flex.

Adaptar ese ejemplo es fácil, ya que el código actionscript se puede reutilizar prácticamente igual. Lo único que hay que tener en cuenta es que no vamos a trabajar con un MovieClip con una máscara sino con componentes mxml de Flex.

Así es como quedará el ejemplo montado en Flex:


Desplaza el mouse sobre la imagen para mover la lupa



Esta seria nuestra aplicación Flex:

PLAIN TEXT
Actionscript:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.                 layout="absolute"
  4.                 xmlns:ui="*"
  5.                 creationComplete="ini()">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import LupaFx;
  10.             private var _lupa:LupaFx;
  11.             private function ini():void
  12.             {
  13.                 _lupa=new LupaFx(this, foto, lupa);
  14.             }
  15.         ]]>
  16.     </mx:Script>
  17.     <mx:Image  id="foto" scaleContent="true" horizontalCenter="0" verticalCenter="0" width="350" height="250">
  18.         <mx:source>img/Waterfall.jpg</mx:source>
  19.     </mx:Image>
  20.  
  21.     <ui:Lupa id="lupa"
  22.               x="0"
  23.               y="0"/>
  24.  
  25. </mx:Application>

El componente que utilizaremos como lupa:

PLAIN TEXT
Actionscript:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
  3.            width="100" height="100" borderStyle="solid" borderThickness="4"
  4.            borderColor="#FF0000" horizontalScrollPolicy="off" verticalScrollPolicy="off">
  5.     <mx:Image id="foto" scaleContent="false" y="0" x="0">
  6.         <mx:source>img/Waterfall.jpg</mx:source>
  7.     </mx:Image>
  8.  
  9. </mx:Canvas>

Y la clase de actionscript que controlará el efecto:

PLAIN TEXT
Actionscript:
  1. package
  2. {
  3.     import flash.events.MouseEvent;
  4.  
  5.     import mx.core.UIComponent;
  6.  
  7.     public class LupaFx
  8.     {
  9.         private var _stage:UIComponent;
  10.         private var _foto:UIComponent;
  11.         private var _lupa:UIComponent;
  12.         private var _distX:Number;
  13.         private var _distY:Number;
  14.         private var _porcentajeX:Number;
  15.         private var _porcentajeY:Number;
  16.         //----------------------------------------------------
  17.         public function LupaFx(stage:UIComponent, foto:UIComponent, lupa:UIComponent)
  18.         {
  19.             _stage=stage;
  20.             _foto=foto;
  21.             _lupa=lupa;
  22.             stage.addEventListener(MouseEvent.MOUSE_MOVE, lupaMouseMove);
  23.             lupaMouseMove();
  24.         }
  25.         //----------------------------------------------------
  26.         private function lupaMouseMove(event:MouseEvent=null):void
  27.         {
  28.             calculaDist();
  29.             mueveLupa();
  30.  
  31.             _lupa.x=_foto.mouseX + _foto.x - _lupa.width / 2;
  32.             _lupa.y=_foto.mouseY + _foto.y - _lupa.height / 2;
  33.  
  34.             if (_lupa.x <_foto.x)
  35.             {
  36.                 _lupa.x=_foto.x;
  37.             }
  38.             else if (_lupa.x> _foto.x + _foto.width - _lupa.width)
  39.             {
  40.                 _lupa.x=_foto.x + _foto.width - _lupa.width;
  41.             }
  42.             if (_lupa.y <_foto.y)
  43.             {
  44.                 _lupa.y=_foto.y;
  45.             }
  46.             else if (_lupa.y> _foto.y + _foto.height - _lupa.height)
  47.             {
  48.                 _lupa.y=_foto.y + _foto.height - _lupa.height;
  49.             }
  50.         }
  51.         //----------------------------------------------------
  52.         private function calculaDist():void
  53.         {
  54.             _porcentajeX=100 / (_lupa.getChildByName("foto").width / (_foto.width - _lupa.width / 2));
  55.             _porcentajeY=100 / (_lupa.getChildByName("foto").height / (_foto.height - _lupa.height / 2));
  56.  
  57.             _distX=(_lupa.x - _foto.x) / _porcentajeX * 100;
  58.             _distY=(_lupa.y - _foto.y) / _porcentajeY * 100;
  59.         }
  60.         //----------------------------------------------------
  61.         private function mueveLupa():void
  62.         {
  63.             _lupa.getChildByName("foto").x=-_distX;
  64.             _lupa.getChildByName("foto").y=-_distY;
  65.         }
  66.     }
  67. }

Related posts:

  1. Panel de zoom de imágenes en Flex
  2. Ejemplo de Zoom con lupa en Flash CS3
  3. Personalizar componentes de Flex con estilos programáticos

]]> http://www.codigoactionscript.org/ejemplo-de-zoom-con-lupa-en-flex/feed/ 4