CODIGO.actionscript » itemRenderer 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 Acceder a los itemRenderer de un componente lista en Flex http://www.codigoactionscript.org/acceder-a-los-itemrenderer-de-un-componente-lista-en-flex/ http://www.codigoactionscript.org/acceder-a-los-itemrenderer-de-un-componente-lista-en-flex/#comments Sun, 22 Mar 2009 03:45:30 +0000 admin http://www.codigoactionscript.org/?p=361 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 [...] Related posts:

  1. Asignar una clase ActionScript 3 a un itemRenderer en Flex
  2. Cargar XML en un componente List en Actionscript 3
  3. Ejemplo de Zoom con lupa en Flex
]]> 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.

PLAIN TEXT
Actionscript:
  1. var total:uint = tileList.dataProvider.length;
  2. for (var i:uint = 0; i <total; i++)
  3. {
  4.     if (tileList.isItemVisible(tileList.dataProvider[i]) == true)
  5.     {
  6.         var item:Object = tileList.indexToItemRenderer(i);
  7.         // resto de implementación sobre los componentes
  8.     }
  9. }

Related posts:

  1. Asignar una clase ActionScript 3 a un itemRenderer en Flex
  2. Cargar XML en un componente List en Actionscript 3
  3. Ejemplo de Zoom con lupa en Flex

]]> http://www.codigoactionscript.org/acceder-a-los-itemrenderer-de-un-componente-lista-en-flex/feed/ 2 Asignar una clase ActionScript 3 a un itemRenderer en Flex http://www.codigoactionscript.org/asignar-una-clase-actionscript-3-a-un-itemrenderer-en-flex/ http://www.codigoactionscript.org/asignar-una-clase-actionscript-3-a-un-itemrenderer-en-flex/#comments Wed, 04 Mar 2009 00:05:15 +0000 admin http://www.codigoactionscript.org/?p=352 En este =http://www.cristalab.com/tipsTip[/url] 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:

PLAIN TEXT Actionscript: <mx:TileList id="myTileList">        <mx:itemRenderer>         <mx:Component>                      <mx:myItemRenderer/>         </mx:Component>     </mx:itemRenderer> </mx:TileList>

Este itemRenderer será otro archivo MXML al que queremos asignarle una clase AS3 para poder [...] Related posts:

  1. Acceder a los itemRenderer de un componente lista en Flex
  2. Clase de ActionScript 3 para añadir sombras a MovieClips
  3. Clase de Actionscript 3 para arrays multidimensionales
]]> En este =http://www.cristalab.com/tipsTip[/url] 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:

PLAIN TEXT
Actionscript:
  1. <mx:TileList id="myTileList">   
  2.     <mx:itemRenderer>
  3.         <mx:Component>         
  4.             <mx:myItemRenderer/>
  5.         </mx:Component>
  6.     </mx:itemRenderer>
  7. </mx:TileList>

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:

PLAIN TEXT
Actionscript:
  1. <mx:Script>
  2.     <![CDATA[
  3.         import com.proyecto.MyItemRendererClass;
  4.         private var _this:MyItemRendererClass = new MyItemRendererClass(this);
  5.     ]]>
  6. </mx:Script>

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:

PLAIN TEXT
Actionscript:
  1. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"creationComplete="_this.data = data">

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

PLAIN TEXT
Actionscript:
  1. package com.proyecto
  2. {
  3.     public class MyItemRendererClass
  4.     {
  5.         private var _main:Object;
  6.         private var _data:Object;
  7.         //------------------------------------------------------------------------
  8.         public function MyItemRendererClass(m:Object)
  9.         {
  10.             _main = m;
  11.         }   
  12.         public function set data(d:Object):void
  13.         {
  14.             _data = d;
  15.             init();
  16.         }
  17.         //------------------------------------------------------------------------
  18.         public function init():void
  19.         {
  20.             /* etc.. */
  21.         }
  22.         //------------------------------------------------------------------------
  23.     }
  24. }

Related posts:

  1. Acceder a los itemRenderer de un componente lista en Flex
  2. Clase de ActionScript 3 para añadir sombras a MovieClips
  3. Clase de Actionscript 3 para arrays multidimensionales

]]> http://www.codigoactionscript.org/asignar-una-clase-actionscript-3-a-un-itemrenderer-en-flex/feed/ 2