Personalizar componentes de Flex con estilos programáticos

Posted by admin | AS3, Avanzado, Flex | Saturday 20 December 2008 6:45 pm

Como ampliación a los tips anteriores sobre personalización de componentes en Flex, "Importar diseño desde Photoshop a Flex" y "Personalizar botones de aplicaciones Flex con Actionscript", explicaré un sistema que nos da mcha libertad a la hora de personalizar nuestras aplicaciones: Los estilos programáticos.

Un estilo programático es simplemente un estilo vinculado a una clase de actionscript con la que dibujamos el gráfico a través de código.

Para ello crearemos dentro de nuestro proyecto una clase de actionscript que extienda de ProgrammaticSkin, la llamaremos por ejemplo EstiloBoton:

package clases.estilos
{
    import mx.skins.ProgrammaticSkin;

    [...]

Comparte:
  • Meneame
  • Twitter
  • Facebook
  • Google Bookmarks
  • del.icio.us
  • Technorati
  • email
  • Print

Personalizar botones de aplicaciones Flex con Actionscript

Posted by admin | Flex | Saturday 20 December 2008 6:41 pm

Este tip es una continuación a tip escrito por Mx en Cristalab sobre como personalizar botones (y componentes en general) de Flex.

En ese tip, se muestra como podemos utilizar gráficos de Photoshop para sustituir los gráficos estándar del componente. Ella mostró la forma de hacerlo desde los menús de Flex Builder y el resultado de ese proceso es la generación de un archivo CSS como, por ejemplo, este:

Button {
    upSkin: Embed("img/ico1.png");
    overSkin: Embed("img/ico2.png");
    downSkin: Embed("img/ico3.png");
    disableSkin: Embed("img/ico4.png");
}

Con esto cambiaremos el aspecto de TODOS los componentes botón [...]

Comparte:
  • Meneame
  • Twitter
  • Facebook
  • Google Bookmarks
  • del.icio.us
  • Technorati
  • email
  • Print

Cargar XML en un componente List en Actionscript 3

Posted by admin | AS3, Avanzado, Class | Thursday 23 October 2008 10:01 am

Este es un ejemplo de clase que extiende el componente List de Flash y le añade la posibilidad de cargar el contenido desde un archivo XML externo.

Este ejemplo de clase surguió a partir de optimizar un clase que me mostró penHolder en Cristalab. Aqui pueden ver su codigo y el post original.

Cargar XML en un componente List en Actionscript 3

Basicamente mi aporte fue hacer que la clase extendiese de List para no tener que crear una instancia del componente y pasarla como parametro a otra clase, ya que nuestra intención [...]

Comparte:
  • Meneame
  • Twitter
  • Facebook
  • Google Bookmarks
  • del.icio.us
  • Technorati
  • email
  • Print
Get Adobe Flash playerPlugin by wpburn.com wordpress themes