Yahoo UI Wireframes - stencils library
Buenas,
Yahoo ha publicado una librería de Stencils Web para el desarrollo de Wireframes.
La verdad es que el aspecto de los componentes es espectacular y se pueden bajar para ser utilizados en Visio y OmniGraffle y también disponen de versiones en PDF, PNG y SVG. Todo un detallazo.
La página donde podreis descargarlos es esta:
http://developer.yahoo.com/ypatterns/wireframes/
Que lo disfruten!
Mas cositas de Flex 4 (aka Gumbo)
Para hoy, cositas de Flex 4.
Language reference
Ya está disponible la página web de referencia de clases para Flex 4 en la siguiente URL:
http://livedocs.adobe.com/flex/gumbo/langref/
MXML 2009 - Functional and Design Specification
Y también se han publicado nuevas características de lenguage mxml que se utilizará en la nueva versión del framework de Flex. Aquí teneis la URL:
http://opensource.adobe.com/wiki/display/flexsdk/MXML+2009
Un saludo!
Flex Accordion con icono a la derecha
Hola!
Hace poco tuve que skinear un Accordion con la particularidad de que el texto de cada uno de los headers del acordion se debía situar a la izquierda y luego los iconos se deberían colocar totalmente a la derecha.
Como por propiedades css era algo que no se podía hacer, utilizé un itemRenderer que heredaba de un button e hice un override del método updateDisplayList para implementar la lógica de los headers. La solución que propongo pasa por calcular el horizontalGap cada vez que se hace un updateDisplayList, de manera que se ajusta el Gap entre el Label de la izquierda y el icono de la derecha para que queden bien situados en cada momento.
Al calcular el Gap en el método updateDisplayList, el icono se posiciona cada vez que el accordion realiza un repintado (resize, rollOver, rollOut, addChild, etc…)
Adjunto ejemplo y código del componente. Un saludo!
Ver el código fuente
Bajar el ejemplo (Flex 3.0)
Drag Drop desde un TileList sobre un Tree
Hola a todos,
resulta que el componente Tree es algo especial y prueba de ello es su comportamiento frente a eventos Drag&Drop originados en otros componentes.
Recientemente me he encontrado con un problema, y era que desde un componente TileList no podría hacer drag de un elemento y hacer drop sobre ningún nodo del Tree. El tree era incapaz de detectar el evento dragDrop de ninguna de las maneras.
Al final la solución pasó por crear un itemRenderer que hereda del componente TreeItemRenderer, y éste se encarga de detectar el evento dragDrop realizado sobre el propio nodo y lanzar el evento hacia su owner, que en este caso sería el propio Tree.
Os adjunto un ejemplo donde se ve un mismo Tree, cuyo dataProvider es el mismo y las propiedades idénticas salvo el itemRenderer. El primer Tree no tiene itemRenderer y el segundo si. Cuando el segundo Tree lanza el evento DragDrop, muestro un Alert con la información del Evento.
Espero que os ayude.
Ver el código fuente
Bajar el ejemplo (Flex 2.01)
Google Maps API for Flash/Flex
Parece que Google se ha puesto las pilas y por fin ha publicado una API para interactuar con sus fabulosos mapas a través de aplicaciones Flash/Flex. Como mínimo, ahora podremos elegir qué API utilizar, puesto que Yahoo ya hace un tiempo que publicó la suya.
Aquí os dejo el enlace a la homepage del proyecto donde podreis bajar el componente, ver algún tutorial y acceder a la API Reference:
Previous Articles
Welcome to ilogyc
Thank you for taking the time to visit my blog! Take a second to peek around and check out some of my previous posts. Of course, I would love to find out what you think as well, so make sure to comment. See you around!
