CODIGO.actionscript » Flex

Error de selección de color en el componente RichTextEditor de Flex

admin — Fri, 30 Apr 2010 14:44:58 +0000

Hoy andaba trabajando con el componente RichTextEditor de Flex y me encontré con un fallo del componente en relación a la selección del color desde el ColorPicker para una selección de texto. Este bug ya venía de Flex 3, y parece que en Flash Builder 4 sigue sin solucionarse.

El fallo consiste en que si desde el colorPicker introducimos directamente el código del color en el campo de texto al presionar la tecla ENTER para validar el color introducido, este ENTER nos introduce tambien un salto de línea dentro de la caja de texto del editor haciendo a su vez que el texto seleccionado desaparezca. Un error del compomente bastante impresentable

Pero la solución es bastante fácil. Basta con hacer que el TextArea del componente no sea editable en el momento en el que abrimos el colorPicker, de manera de que el ENTER de validación del color no afectará al texto. Una vez cerrado el colorPicker volveremos a hacer editable el texto.

En cuanto al código, únicamente necesitaremos escuchar los eventos de apertura y cierre del colorPicker, y modificar la propiedad editable del TrextArea.

Podemos crearnos un componente propio que extienda del componente RichTextEditor implementando este código. Este sería el componente:

xml version="1.0" encoding="utf-8"?>
"http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   creationComplete="init()">

[CDATA[
import mx.events.DropdownEvent;
private function init():void
{
this.colorPicker.addEventListener(DropdownEvent.OPEN, colorPickerOpen);
this.colorPicker.addEventListener(DropdownEvent.CLOSE, colorPickerClose);
}
private function colorPickerOpen(event:Event):void
{
this.textArea.editable=false;
}
private function colorPickerClose(event:Event):void
{
this.textArea.editable=true;
}
]]>

Comparte:

Disponible Flash Catalyst Beta 2

admin — Thu, 08 Oct 2009 23:06:53 +0000

Ya está disponible una nueva versión de Adobe Flash Catalyst para descargar y probar desde los Labs de Adobe. La versión Beta 2.

Esta versión trae unas interesantes mejoras y novedades, tales como:

Rendimiento más rápido. Un aumento notable en el rendimiento sobre la beta 1
Mejorada de interfaz gráfica, más fácil de usar para el usuario.
Importar archivos de soporte de vídeo. Controles de reproducción estándar o personalizados.
Efectos de sonido. Añadir efectos de sonido a las interacciones.
Más componentes. Tales como deslizadores, botones de radio, el panel de desplazamiento, etc..
Más interacciones. Especifique una dirección URL para abrir durante una interacción, reproducir un vídeo, etc..
Exportar a AIR. Exportación de proyectos que se ejecutan fuera del navegador con Adobe AIR.
Aceleración de movimiento. Definir la aceleración de movimiento para una animación más fluida.
Filtros. Múltiples filtros para modificar los gráficos como la adición de sombra, brillo, Blur, etc...
Los modos de mezcla. Seleccionar cómo los objetos se mezclan con otros objetos.
Contenido Accesible. Crear un archivo SWF accesibles que pueden ser utilizados por los discapacitados visuales.
SWF control. Ejecutar un archivo SWF desde un frame específico.
Las opciones de salida del SWF. Crear un archivo SWF que se despliegue, redistribuible y tiene fuentes incrustadas.

Ryan Stewart, a grabado un video donde nos muestra estas mejoras:

Desde este enlace podemos descargarnos la Beta 2:

https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashcatalyst

Comparte:

Adobe en Vivo 2009 en su versión onLine

admin — Wed, 08 Jul 2009 11:40:34 +0000

Como ya saben, Adobe en Vivo 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

Experiencia del Usuario
México - Edgar Parada
Coldfusion 9
Ecuador - Michael Borbor
LiveCycle
Chile - Héctor Castro
Técnicas de Alto Rendimiento en Sitios Web
Argentina - Maximiliano R. Firtman

Jueves 16

AIR vs Flash Player API's
España - Joan Garnet
Trabajo con Adobe BrowserLab
España - Andres Cayon
ActionScript 3.0
México - Alberto Gonzalez
Soluciones para real-time applications
Perú - Fernando Flórez (fernando)

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

Flash Catalyst
España - Guillermo de la Iglesia (Zguillez)
El impacto de los Medios sociales
Bolivia - Daniel Sempértegui (DanielSemper)
Semántica en XHTML
Perú - Germán Martínez
Promete algo útil
Colombia - Freddie Vega (freddie)
Progressive Enhancement
Venezuela - César Frick (thefricky)
Equipos Web en el Mundo Real™
Perú - César Soplín (cesars)

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/

Comparte:

Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs

admin — Tue, 02 Jun 2009 00:27:33 +0000

Ya están disponibles para la descarga las betas de Flash Builder 4 (antes conocido como Flex Builder) y Flash Catalyst desde los Labs de Adobe.

Para poder activar la beta de Flash Catalyst durante un periodo de prueba de 30 días, necesitamos insertar el numero de serie público que nos ofrece Adobe:

Windows — 1395-1003-6369-7619-0587-6556
Macintosh — 1395-0008-4467-2145-8771-1212

También tenemos disponibles los siguientes recursos sobre el nuevo Flash Builder 4:

Learn about Flash Builder 4

Video: Introducing Flash Builder 4
Discover new design-centric, data-centric, and developer productivity features in the beta.
Tutorial: What’s New in Flash Builder 4
Learn about the three main feature themes in this release.
Resources: Flex for ColdFusion developers Learning Center
Explore the new data-centric development features of Flash Builder 4 beta.

Learn about Flex 4 SDK

Tutorial: What's New in Flex 4 SDK
Learn what you’ll find as you explore the Flex 4 SDK beta.
Tutorial: Differences between Flex 3 SDK and Flex 4 SDK
Learn about the differences in architecture, components, layouts, use of states, and effects.
Tutorial: Effects in Adobe Flex 4 SDK ― Part 1: Basic Effects
See the basic infrastructure of the new effects in this release.

Working with Flash Builder 4

Video: Developer Productivity in Flash Builder 4
Presenter: David Zuckerman; Adobe
Video: Handling Large Recordsets in Flash Builder 4
Presenter: Tim Buntel; Adobe
Video: Debug and Test Code in Flash Builder 4
Presenter: David Zuckerman; Adobe
Video: Work with Flex 4 SDK in Flash Builder 4
Presenter: David Zuckerman; Adobe
Video: PHP Services in Flash Builder 4 (Part 1)
Presenter: Tom Lane; Adobe
Video: PHP Services in Flash Builder 4 (Part 2)
Presenter: Tom Lane; Adobe

Learn from the Community

Cookbook: Styling the Data Tip on a Spark HSlider Control
Posted by: Peter deHaan
Cookbook: Performance Improvements by Returning Early in Setter Functions
Posted by: Greg Lafrance
Cookbook: Using Flex 4 and Twitpic API to Display Pictures Thumbnails
Posted by: Romain Pouclet

Y para Flash Catalyst tenemos los siguientes recursos:

Learn about Flash Catalyst

Video: Introducing Flash Catalyst
Discover what you can do with this new interaction design tool for creating interactive experiences.
Video: Wire Framing in Flash Catalyst
Learn how to quickly wireframe a design concept in Flash Catalyst.
Notes: Learn about Flash Catalyst
Refer to these feature notes that detail what you can do with this interaction design tool.

Start Building Your First Flash Catalyst Application

Video: Create your First Application with Flash Catalyst
Let Ty Voilter step you through the process of prototyping an interactive application.
Tutorial: Start Designing in Flash Catalyst
Learn to create a simple SWF content from a Photoshop design.
Tutorial: Build a Data-Centric Application Using Flash Catalyst and Flash Builder 4
Learn to create a browser-based address book application from an Illustrator design.

Explore Flash Catalyst Workflows

Video: Exporting from Fireworks CS4 to Flash Catalyst
Presenter: Doug Winnie; Adobe
Video: Use Native Fireworks CS4 Files in Flash Catalyst
Presenter: Doug Winnie; Adobe

Work with Flash Catalyst

Video: Create a Data List in Flash Catalyst
Presenter: Nate Bishop; Adobe
Video: Create Animations in Flash Catalyst
Presenter: Ty Voilter; Adobe
Video: Distribute Objects to States with Flash Catalyst
Presenter: Doug Winnie; Adobe
Video: Sharing Flash Catalyst Libraries
Presenter: Doug Winnie; Adobe

Learn from the Community

Video: Flash Catalyst Preview
Presenter: Mordy Golding; Lynda.com
Screencast: Using Flash Catalyst and Flex 4 beta 1 – Part 1: Design a Twitter search app
Presenter: Lee Brimelow; gotoAndLearn()
Screencast: Using Flash Catalyst and Flex 4 beta 1 – Part 2: Hook up the app to live data
Presenter: Lee Brimelow; gotoAndLearn()
Screencast: Introducing Flash Catalyst – Part 1: Good practices for preparing Illustrator files
Presenter: Garth Braithwaite; InsideRIA
Screencast: Introducing Flash Catalyst – Part 2: Import and export artwork and libraries
Presenter: Garth Braithwaite; InsideRIA
Tutorial: Adobe Flash Catalyst: A Designer's Ticket to the Interactive World
Andrew Faulkner; Peachpit

Comparte:

Panel de zoom de imágenes en Flex

admin — Mon, 13 Apr 2009 21:04:16 +0000

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:

xml version="1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
xmlns:ui="*"
layout="absolute"
creationComplete="ini()"
width="505"
height="260">

[CDATA[
import ZoomFx;
private var _zoom:ZoomFx;

private function ini():void
{
_zoom=new ZoomFx(this, fotoZoom, panelZoom);
}
]]>

"0"
verticalCenter="0">
"fotoZoom"/>
"panelZoom"/>

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

xml version="1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
   width="350"
   height="250"
   borderStyle="solid"
   borderThickness="1"
   borderColor="#000000"
   horizontalScrollPolicy="off"
   verticalScrollPolicy="off">
"foto"
   scaleContent="false">
img/Waterfall.jpg

Y este el componente que contiene el panel de preview:

xml version="1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
   width="140"
   height="100"
   borderStyle="solid"
   borderThickness="1"
   borderColor="#000000"
   horizontalScrollPolicy="off"
   verticalScrollPolicy="off">
"foto"
   scaleContent="true"
   width="140"
   height="100"
   horizontalCenter="0"
   verticalCenter="0">
img/Waterfall.jpg

"0"
   y="0"
   width="70"
   height="50"
   backgroundColor="#FF0000"
   backgroundAlpha="0.5"
   borderStyle="solid"
   borderThickness="1"
   borderColor="#FF0000"
   id="zoomDrag">

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

package
{
import flash.events.Event;
import flash.events.MouseEvent;

import mx.containers.Canvas;
import mx.controls.Image;
import mx.controls.Alert;
import mx.core.UIComponent;

public class ZoomFx
{
private var _stage:UIComponent;
private var _fotoZoom:UIComponent;
private var _panelZoom:UIComponent;
private var _distX:Number;
private var _distY:Number;
private var _porcentajeX:Number;
private var _porcentajeY:Number;

//----------------------------------------------------
public function ZoomFx(stage:UIComponent, fotoZoom:UIComponent, panelZoom:UIComponent)
{
_stage=stage;
_fotoZoom=fotoZoom;
_panelZoom=panelZoom;

iniZoomDrag();
}

private function iniZoomDrag():void
{
var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
drag.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
drag.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);
drag.addEventListener(MouseEvent.MOUSE_OUT, onStopDrag);
}

private function onStartDrag(e:Event):void
{
var canvas:Canvas=e.target as Canvas;
canvas.startDrag();
_stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseDragMove);
}

private function onStopDrag(e:Event):void
{
var canvas:Canvas=e.target as Canvas;
canvas.stopDrag();
_stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouseDragMove);
}

private function onMouseDragMove(e:Event):void
{
calculaDist();
mueveVisorZona();
controlaPosiciones();
}

//-------------------------------------------------------------
private function calculaDist():void
{
var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
var foto:Image=_fotoZoom.getChildByName("foto") as Image;

_porcentajeX=100 / (foto.width / _panelZoom.width);
_porcentajeY=100 / (foto.height / _panelZoom.height);

drag.width=_fotoZoom.width * _porcentajeX / 100;
drag.height=_fotoZoom.height * _porcentajeY / 100;

_distX=drag.x * 100 / _porcentajeX;
_distY=drag.y * 100 / _porcentajeY;

_distX=(_distX <0) ? 0 : _distX;
_distY=(_distY <0) ? 0 : _distY;
}

private function mueveVisorZona():void
{
var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
var foto:Image=_fotoZoom.getChildByName("foto") as Image;
foto.x=-_distX;
foto.y=-_distY;
}

private function controlaPosiciones():void
{
var drag:Canvas=_panelZoom.getChildByName("zoomDrag") as Canvas;
var foto:Image=_fotoZoom.getChildByName("foto") as Image;

if (drag.x <0)
{
drag.x=0;
}
else if (drag.x> _panelZoom.width - drag.width)
{
drag.x=_panelZoom.width - drag.width;
}
if (drag.y <_panelZoom.y)
{
drag.y=_panelZoom.y;
}
else if (drag.y> _panelZoom.y + _panelZoom.height - drag.height)
{
drag.y=_panelZoom.y + _panelZoom.height - drag.height;
}

if (foto.x> 0)
{
foto.x=0;
}
else if (foto.x <_fotoZoom.width - foto.width)
{
foto.x=_fotoZoom.width - foto.width;
}
if (foto.y> 0)
{
foto.y=0;
}
else if (foto.y <_fotoZoom.height - foto.height)
{
foto.y=_fotoZoom.height - foto.height;
}
}

}
}

Comparte:

Ejemplo de Zoom con lupa en Flex

admin — Sat, 11 Apr 2009 02:46:07 +0000

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:

xml version="1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
layout="absolute"
xmlns:ui="*"
creationComplete="ini()">

[CDATA[
import LupaFx;
private var _lupa:LupaFx;
private function ini():void
{
_lupa=new LupaFx(this, foto, lupa);
}
]]>

"foto" scaleContent="true" horizontalCenter="0" verticalCenter="0" width="350" height="250">
img/Waterfall.jpg

"lupa"
x="0"
y="0"/>

El componente que utilizaremos como lupa:

xml version="1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
width="100" height="100" borderStyle="solid" borderThickness="4"
borderColor="#FF0000" horizontalScrollPolicy="off" verticalScrollPolicy="off">
"foto" scaleContent="false" y="0" x="0">
img/Waterfall.jpg

Y la clase de actionscript que controlará el efecto:

package
{
import flash.events.MouseEvent;

import mx.core.UIComponent;

public class LupaFx
{
private var _stage:UIComponent;
private var _foto:UIComponent;
private var _lupa:UIComponent;
private var _distX:Number;
private var _distY:Number;
private var _porcentajeX:Number;
private var _porcentajeY:Number;
//----------------------------------------------------
public function LupaFx(stage:UIComponent, foto:UIComponent, lupa:UIComponent)
{
_stage=stage;
_foto=foto;
_lupa=lupa;
stage.addEventListener(MouseEvent.MOUSE_MOVE, lupaMouseMove);
lupaMouseMove();
}
//----------------------------------------------------
private function lupaMouseMove(event:MouseEvent=null):void
{
calculaDist();
mueveLupa();

_lupa.x=_foto.mouseX + _foto.x - _lupa.width / 2;
_lupa.y=_foto.mouseY + _foto.y - _lupa.height / 2;

if (_lupa.x <_foto.x)
{
_lupa.x=_foto.x;
}
else if (_lupa.x> _foto.x + _foto.width - _lupa.width)
{
_lupa.x=_foto.x + _foto.width - _lupa.width;
}
if (_lupa.y <_foto.y)
{
_lupa.y=_foto.y;
}
else if (_lupa.y> _foto.y + _foto.height - _lupa.height)
{
_lupa.y=_foto.y + _foto.height - _lupa.height;
}
}
//----------------------------------------------------
private function calculaDist():void
{
_porcentajeX=100 / (_lupa.getChildByName("foto").width / (_foto.width - _lupa.width / 2));
_porcentajeY=100 / (_lupa.getChildByName("foto").height / (_foto.height - _lupa.height / 2));

_distX=(_lupa.x - _foto.x) / _porcentajeX * 100;
_distY=(_lupa.y - _foto.y) / _porcentajeY * 100;
}
//----------------------------------------------------
private function mueveLupa():void
{
_lupa.getChildByName("foto").x=-_distX;
_lupa.getChildByName("foto").y=-_distY;
}
}
}

Comparte:

Acceder a los itemRenderer de un componente lista en Flex

admin — Sun, 22 Mar 2009 03:45:30 +0000

Este es un tip sencillo pero que me dió algún que otro dolor de cabeza al querer aplicar unos efectos sobre los componentes utilizados como itemRenderes dentro de un componente tipo lista en Flex. Se trata de cómo poder acceder a estos componentes para manipular su contenido a través de Actionscript.

Para acceder al componente del itemRenderer en concreto utilizaremos indexToItemRenderer, pasándole como parámetro el index del ítem que queremos obtener.

El detalle importante que debemos tener en cuenta es que no podemos referenciar un objeto que no sea visible dentro de la zona del scroll, ya que hasta entonces devolvería valor null. Para ello deveremos realizar la comprobación con isItemVisible, y ejecutar las acciones solo sobre los componentes visibles.

var total:uint = tileList.dataProvider.length;
for (var i:uint = 0; i )
{
if (tileList.isItemVisible(tileList.dataProvider[i]) == true)
{
var item:Object = tileList.indexToItemRenderer(i);
// resto de implementación sobre los componentes
}
}

Comparte:

Asignar una clase ActionScript 3 a un itemRenderer en Flex

admin — Wed, 04 Mar 2009 00:05:15 +0000

En este Tip voy a explicar un sistema para poder controlar la funcionalidad de un componente usado como itemRenderer en cualquier componente de tipo lista desde una clase de ActionScript 3.

Supongamos que en nuestra aplicación Flex tenemos un compomente TileList al que le hemos asignado otro componente como itemRenderer:

"myTileList">

Este itemRenderer será otro archivo MXML al que queremos asignarle una clase AS3 para poder manejarlo, para ello le añadiremos un tag y definiremos la clase:

[CDATA[
import com.proyecto.MyItemRendererClass;
private var _this:MyItemRendererClass = new MyItemRendererClass(this);
]]>

El único detalle a tener en cuenta es que la clase reciba correctamente el contenido del objeto "data" del dataProvider. Eso se lo tenemos que pasar una vez el itemRenderer esté creado, de manera que en el evento creationComplete del componente haremos un setter a la clase:

"http://www.adobe.com/2006/mxml"creationComplete="_this.data = data">

Con lo que la clase para controlar el itemRenderer comenzaría siendo así:

package com.proyecto
{
public class MyItemRendererClass
{
private var _main:Object;
private var _data:Object;
//------------------------------------------------------------------------
public function MyItemRendererClass(m:Object)
{
_main = m;
}
public function set data(d:Object):void
{
_data = d;
init();
}
//------------------------------------------------------------------------
public function init():void
{
/* etc.. */
}
//------------------------------------------------------------------------
}
}

Comparte:

AdobeTV: Videotutorial de creacion de componentes en Flex

admin — Fri, 16 Jan 2009 03:24:00 +0000

Videotutorial "Creating New Components in Flex 3" por Deepa Subramaniam

Comparte:

Ordenar los elementos de un ArrayCollection en Flex

admin — Sat, 10 Jan 2009 18:24:08 +0000

En el siguiente tip mostraré como ordenar un ArrayCollection en Flex. Esto nos puede ser necesario a la hora de mostrar su contenido. Para mostrar esto utilizaré como ejemplo los resultados (hasta este momento) de las votaciones de los premios Cristalab 2008.

Supongamos que tenemos este ArrayCollection:

public var premioPopular:ArrayCollection = new ArrayCollection([
{claber: "Eldervaz", votos: 6},
{claber: "Freddie", votos: 13},
{claber: "XKlibur", votos: 3},
{claber: "TheParrot", votos: 7},
{claber: "M@U", votos: 1},
{claber: "Mariux", votos: 4},
{claber: "JaLeRu", votos: 1},
{claber: "Pley", votos: 1},
]);

Y asignamos este ArrayCollection a un componente PieChart para mostrar los resultados:

width="25%" horizontalCenter="0" verticalCenter="0">
text="Claber más Popular" fontWeight="bold" fontSize="18"/>
width="100%" height="100%">
"legend1" dataProvider="{pie1}"/>
"pie1" dataProvider="{premioPopular}" showDataTips="true" width="150" height="150">

"votos" nameField="claber"/>

Daría este resultado:

Como podemos ver, los resultados aparecen en el orden en que están colocados dentro del ArrayCollection. Pero de esta manera en el Legend no sabemos quien es el que obtuvo más votos.

En este caso podríamos haber ordenado el ArrayCollection manualmente, pero para casos más complejos nos resultaría más fácil ordenarlo por código. Para ello utilizaremos la clase SortField y la clase Sort.

Crearemos una instancia de la clase SortField, y le pasaremos como propiedad el nombre del parámetro que queremos ordenar del ArrayCollection. También indicaremos si el parámetro a ordenar es un dato numérico o no.

var sortField:SortField = new SortField();
sortField.name = "votos";
sortField.numeric = true;

También crearemos una instancia de la clase Sort y le pasaremos referencia del objeto SortField creado. Aqui ejecutaremos el método reverse() para que la ordenación de elementos sea de mayor a menor (por defecto es de nemor a mayor).

var sort:Sort = new Sort();
sort.fields = [sortField];
sort.reverse();

Ahora pasaremos este objeto al ArrayCollection, y ejecutaremos el método refresh() que hará que el Array se ordene segun los parámetros indicados.

premioPopular.sort = sort;
premioPopular.refresh();

Este es es resultado:

Comparte:

CODIGO.actionscript » Flex

Error de selección de color en el componente RichTextEditor de Flex

Disponible Flash Catalyst Beta 2

Adobe en Vivo 2009 en su versión onLine

Martes 14

Miércoles 15

Jueves 16

Viernes 17

Sábado 18

Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs

Flash Builder 4 Standalone Installer

Flash Builder 4 Plugin for Eclipse

Flex Component Kit for Adobe Flash Professional CS4

Flex 4 Test Automation Plug-in

Flash Catalyst Beta

Learn about Flash Builder 4

Learn about Flex 4 SDK

Working with Flash Builder 4

Learn from the Community

Learn about Flash Catalyst

Start Building Your First Flash Catalyst Application

Explore Flash Catalyst Workflows

Work with Flash Catalyst

Learn from the Community

Panel de zoom de imágenes en Flex

Ejemplo de Zoom con lupa en Flex

Acceder a los itemRenderer de un componente lista en Flex

Asignar una clase ActionScript 3 a un itemRenderer en Flex

AdobeTV: Videotutorial de creacion de componentes en Flex

Ordenar los elementos de un ArrayCollection en Flex