Flex Shadow Canvas 1.0

Rich Internet Expertise

Flex Shadow Canvas 1.0

23 febrero, 2005 Flex 6

Acabo de hacer un pequeño componente para Flex que lanza drop shadows. Lo he hecho en pocos minutos y se podría hacer todavía más flexible (se me ocurren varias ideas), pero he decido empaquetarlo y subirlo pues es un buen ejemplo que además de útil, ilustra bién el concepto de como crear Flex Components. Lo siguiente es una imagen del resultado.

Flex Shadow Cavas 1.0

Hace tiempo hubo un post de iteration::two sobre como crear este efecto, pero creo que esta versión es más elegante puesto que no hay que crear Gifs ni realizar complejas operaciones para hacer el layout entorno al componente (lo que sería volver a los tiempos del html y desperdiciar la potencia de Flash).

El componente usa las estupendas clasesde 1stPixel: RoundRect y BlurredRect. Las cuales creo que son de obligado conocimiento a no ser que conozcais mejores versiones.

He decidido poner directamente el zip, puesto que el postear código xml me suele dar algunos problemas….de momento y hasta que actualice a GeSHi

6 comentarios

  1. Andres dice:

    Hola Carlos:
    ¿Y por quá no con CSS?
    El mayor problema que he encontrado es el del color de sombra, eso sí­ (aunque siempre hay trucos sucios…)

    Enhorabuena por el sitio!

  2. Hola András,

    Ahora mismo no se a que te refieres.

    ¿puedes postear aquí­ un ejemplo con CSS como dices?

    Gracias.

  3. Andres dice:

    DataGrid{
    shadowDistance:10;
    shadowDirection:right;
    }

    Jugando con los valores (negativos en shadowDistance generan sobras en la parte superior) y las orientaciones en shadowDirection (left,center, right) se generan varias posibilidades.

    La limitación es el color de sombra (en eso gana un compnente)

  4. Gracias András, no sabí­a que hubiesen incluido ese estilo.

    La verdad es que Flex no deja de sorprenderme por las facilidades que dá como en este caso 🙂

  5. Raul Jimenez dice:

    Ooooh!!

    Quá buena idea y quá bien queda!!

    El resultado final es muy bueno de verdad, me ha encantado, la idea es buení­sima ciertamente.

    Supongo que Flex tendrá ese soporte de CSS, pero dudo que Flash pueda con eso, así­ que tu ejemplo es muy inspirador.

    Gracias!!

  6. Hola Raul!

    Supongo que te refieres a usar dicho efecto en Flash. Efectivamente yo lo uso mucho en dicho entorno, pues da muy buen resultado. Incluso lo uso con Flex, pues el resultado final me gusta más que el efecto que viene de serie.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.