Adobe AIR

AdobeTV: Air for Android Development

admin — Thu, 23 Jun 2011 17:22:31 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Este post fue creado por admin en el blog http://www.codigoactionscript.org.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/codigoactionscript/~3/8xtoFvxP2y8/

Post agregado:

Duane Nickull ilustra las diferencias en el desarrollo de aplicaciones móviles con dos diferentes SDK de Flex (4.1 y 4.5). Un enlace al código fuente de ambos proyectos está disponible en el video.

Comparte:

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/8xtoFvxP2y8/

Aplicaciones iOS 4 veces más rápidas con Adobe AIR 2.7

admin — Tue, 14 Jun 2011 22:10:30 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

Adobe acaba de anunciar una actualización del SDK de AIR, la versión 2.7, que incluye nuevas características para aplicaciones de escritorio y móviles Android, BlackBerry e IOS. Entre sus principales caracteristicas está el mejor rendimiento en las aplicaciones AIR para iOS que las hace hasta 4 veces más rápido en el modo de la CPU.

En el blog de Adobe podemos leer sobre las nuevas mejoras:
http://blogs.adobe.com/flashplayer/2011/06/adobe-air-2-7-now-available-ios-apps-4x-faster.html

Descargar la última versión de SDK.

Comparte:

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/o1sGRp70jRc/

Cargar imágenes en aplicaciones iOS con Flash CS5.5

admin — Sat, 04 Jun 2011 22:15:01 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

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:

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

Este código utilizado en una clase similar a la que mostré en un tip hace mucho tiempo quedaría asi:

package com.cristalab.display
{
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
import flash.system.Capabilities;
import flash.system.LoaderContext;
//-----------------------------------------
public class BitmapIOS extends Sprite
{
public static const CARGADO:String = "cargado";
private var $__cargado:Boolean = false;
private var $__context:LoaderContext = new LoaderContext();
private var $__loader:Loader = new Loader();
private var $__urlAsset:String;
//-----------------------------------------
public function BitmapIOS(asset:String = null)
{
$__urlAsset = asset;
if($__urlAsset != null)
{
this.__load();
}
}
//-----------------------------------------
public function set asset(a:String):void
{
if($__urlAsset != null)
{
borra();
}
$__urlAsset = a;
this.__load();
}
//-----------------------------------------
public function borra():void
{
this.removeChild($__loader);
$__loader.unload();
$__urlAsset = null;
}
//-----------------------------------------
public function get cargado():Boolean
{
return $__cargado;
}
//-----------------------------------------
private function __load():void
{
if($__urlAsset != null)
{
if(flash.system.Capabilities.screenDPI==326) //iphone 4
{
$__urlAsset = $__urlAsset.replace(".","@2x.");
this.scaleX = .5;
this.scaleY = .5;
}
$__loader.load(new URLRequest($__urlAsset), $__context);
$__loader.contentLoaderInfo.addEventListener(Event.INIT, __onLoadComplete, false, 0, true);
this.addChild($__loader);
}
}
private function __onLoadComplete(e:Event = null):void
{
$__loader.contentLoaderInfo.removeEventListener(Event.INIT, __onLoadComplete);
Bitmap($__loader.content).smoothing = true;
$__cargado = true;
dispatchEvent(new Event(Contenedor.CARGADO));
}
//-----------------------------------------
}
}

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:

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.

Comparte:

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/UZ2XrUBhQlI/

Dibujando en un Chart component

Joan Llenas — Fri, 03 Jun 2011 21:44:31 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Este post fue creado por Joan Llenas en el blog http://joan.garnet.io.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/joan_garnet_io/~3/H9sdLkxPrJ0/

Post agregado:

Los charting components de Flex vienen con un montón de funcionalidad implementada que cubre la mayor parte de las necesidades que se pueden tener de cara a crear visualizaciones. Además de eso si se indaga un poco más en profundidad en su arquitectura también veremos que disponemos de algunos hooks muy interesantes a la hora de cubrir necesidades un poco más extravagantes fuera de lo que está implementado.

Concretamente estoy hablando de los backgroundElements y los annotationElements:

PLAIN TEXT

XML:

:AreaChart>
:backgroundElements />
:series />
:annotationElements />
:AreaChart>

En el código anterior podemos apreciar que el componente expone las dos propiedades, que son de tipo Array y aceptan cualquier subclase de ChartElement.

A la hora de implementar algo que funcione en el contexto de una determinada visualización debemos tener en cuenta que al posicionar los elementos vamos a necesitar hacer conversiones entre dimensiones espaciales. Esto es, nosotros solo entendemos valores absolutos para 'x' e 'y', en cambio la visualización trabaja con otro tipo de valores, ya sean numéricos, fechas, nombres, etc..
En este punto es cuando damos gracias por encontrar un par de joyas incluídas en el charting framework en lo que se refiere a abstraernos de dichas conversiones. Concretamente hablo de las clases CartesianDataCanvas y PolarDataCanvas.

Ambas clases sirven para lo mismo. Son un lienzo en blanco sobre el cuál nosotros podemos dibujar sin tener que preocuparnos de realizar la dura tarea de transformar coordenadas.
La diferencia principal entre las dos es que CartesianDataCanvas se utiliza para charting components que utilizan coordendas cartesianas (LineChart, BarChart, ColumnChart...) y PolarDataCanvas para charting components que utilizan coordenadas polares (PieChart).

Un ejemplo de utilización de la versión cartesiana:

La clave para conseguir esto es la clase CartesianDataCanvas y la utilización de su método addDataChild(), que permite añadir un elementos en una posición parametrizada con valores del mismo tipo que los que disponemos en los data points.

Descarga ejemplo

En el zip hay un proyecto Flex4.5 para Flash Builder.

Drawing whithin charts (58) - 1.56 MB
zip

Autor del post: Joan Llenas
Enlace original: http://feedproxy.google.com/~r/joan_garnet_io/~3/H9sdLkxPrJ0/

Detectar la conexión 3G o Wifi en aplicaciones AIR para Android

admin — Fri, 03 Jun 2011 15:54:15 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

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 AIR 2 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:

package com.cristalab.controls.mobile
{
import flash.display.MovieClip;
import flash.events.Event;
import flash.net.NetworkInfo;
import flash.net.NetworkInterface;
//------------------------------------------------------
public class NetworkInterfaceUI extends MovieClip
{
private var ni:NetworkInfo = NetworkInfo.networkInfo;
public var active:String = "none";
//------------------------------------------------------
public function NetworkInterfaceUI()
{
ni.addEventListener(Event.NETWORK_CHANGE,checkNetworkInterface);
checkNetworkInterface();
}
private function checkNetworkInterface(event:Event = null):void
{
var interfaceVector:Vector. = ni.findInterfaces();
for each (var item:NetworkInterface in interfaceVector)
{
active = (item.active == true) ? item.name : active;
}
switch (active)
{
case "mobile" :
this.gotoAndStop(2);
break;
case "WIFI" :
this.gotoAndStop(3);
break;
default :
this.gotoAndStop(1);
break;
}
}
}
}

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!

Comparte:

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/nS1Fkvn2tvo/

AdobeTV: Control del escritorio con dispositivos móviles

admin — Wed, 01 Jun 2011 14:01:15 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

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

Comparte:

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/k7uEk6KsQdg/

Oferta de empleo – Desarrollador PHP / WordPress

.:: klr20mg ::. Una dosis diaria de .... — Wed, 27 Apr 2011 17:36:43 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Este post fue creado por .:: klr20mg ::. Una dosis diaria de .... en el blog http://klr20mg.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://klr20mg.com/2011/04/27/oferta-de-empleo-desarrollador-php-wordpress/

Post agregado:

Titulo del puesto o del requerimiento Desarrollador PHP / WordPress ¿Es una plaza de trabajo o proyecto freelance? Online freelance Si es presencial, indique región geográfica - Descripción del puesto / proyecto Desarrollador PHP / WordPress para el desarrollo de un sitio web usando WordPress como CMS, Necesitamos que tenga conocimientos en: Custom Posts Taxonomias [...]

Autor del post: .:: klr20mg ::. Una dosis diaria de ....
Enlace original: http://klr20mg.com/2011/04/27/oferta-de-empleo-desarrollador-php-wordpress/

Mostrar Custom Post Types en el Loop de WordPress

.:: klr20mg ::. Una dosis diaria de .... — Thu, 07 Apr 2011 23:36:44 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

Desde la versión 3.0 de WordPress tenemos la posibilidad de crear Custom Posts Types no entrare en detalles de que son pero básicamente se pueden explicar como entradas personalizadas, Estas “entradas” no son otra cosa que entradas comunes de WordPress con configuraciones diferentes. Hay ocasiones en que debemos mostrar los Custom Post Types junto con las entradas normales ( [...]

Autor del post: .:: klr20mg ::. Una dosis diaria de ....
Enlace original: http://klr20mg.com/2011/04/07/mostrar-custom-post-types-en-el-loop-de-wordpress/

Starlight, Disponible en GitHub

.:: klr20mg ::. Una dosis diaria de .... — Wed, 06 Apr 2011 21:32:41 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

Recuerdan Starlight, bueno pues se quedo ahí mismo como muchas otras cosas mas y cuando murió mi laptop vieja creí que se había perdido el código, pero hoy me di una vuelta por mi cuenta de gitHub y ahi esta el codigo =) En fin, si quieren descargarlo y modificarlo, adelante es todo suyo lo [...]

Autor del post: .:: klr20mg ::. Una dosis diaria de ....
Enlace original: http://klr20mg.com/2011/04/06/starlight-disponible-en-github/

Sticky Selection DataGrid (múltiple sin CTRL)

Joan Llenas — Wed, 06 Apr 2011 15:50:30 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

Post agregado:

Tener que selecciona múltiples filas en un DatGrid presionando CTRL es algo que muchos usuarios pueden encontrar complicado. En estos casos una solución es habilitar un tipo de interacción en el que usuario solo tenga que clicar a las filas como si de ComboBox se trataran: un click selecciono, otro click deselecciono. Fácil y usable.
Para Flex4 es realmente sencillo conseguir este efecto, solo se tiene que sobreescribir un método.

PLAIN TEXT

Actionscript:

package io.garnet.joan.controls.datagrid
{
import mx.controls.DataGrid;
import mx.controls.listClasses.IListItemRenderer;
public class DataGridStickySelection extends DataGrid
{
override protected function selectItem(item:IListItemRenderer, shiftKey:Boolean,
ctrlKey:Boolean, transition:Boolean = true):Boolean
{
return super.selectItem(item, false, true, transition);
}
}
}

Luego no podemos olvidar setear el valor allowMultipleSeleciont a true en la declaración:

PLAIN TEXT

Actionscript:

width="100%" height="100%"
allowMultipleSelection="true"
dataProvider="{ model.dataProvider }">

Un ejemplo (click derecho: view source)

Autor del post: Joan Llenas
Enlace original: http://feedproxy.google.com/~r/joan_garnet_io/~3/mTxRhN78to8/