This is a video of a prototype I put together a while back. It is a system to monitor incoming airline flight information that I wrote using Livecycle Data Services and UI components I scavenged and modified from the Flex Interface Guide site and the Network Monitor demo. Incoming JMS messages containing flight information are pushed to the UI and displayed in realtime. It was just a proof of concept and since it was for a client I cannot provide the source ( sorry š ) but it is based on LCDS and open source components from Adobe so you can check out their code if you want to see what I used as a starting point.
Continue reading
Custom Component with Degrafa Skinning
This demo shows my initial attempt at using Degrafa skinning. I wanted to customize the tiles in the list so that they would look unique and also provide a nifty way of displaying a list of options for the selected tile. You can see the result by clicking on the lower right corner of each tile to reveal the hidden options. This is similar to a pop-up button, but it is skinned and masked to slide out to the side. I’ve added sound effects and included some filtering animations that I pinched and tweaked from other demos Iāve come across. As always, the source is included. Enjoy. š
Continue reading
My own TileUI – Part 1
Ever since Doug McCune first showed what could be accomplished when you combine Flex with physics and 3D in his TileUI project, Iāve been curious in learning how he did it. He hasnāt posted the source yet and rather than wait for him to give up the goods, I figured Iād try to break down what he showed in his demo and replicate it.
I fought my way through the ActionScript Physics Engine (APE) and PaperVision3D projects that he said he used. I went with the code in the PaperVision3d trunk repository which I think is the 1.5 version. (I would love to know the details of the differences between 1.5, 2.0/great white, and the effects branch – all I really found were lots of demos of each but no real summary of where each of these versions is going). After messing with the code in my spare time last week, Iāve come up with a demo. Make no mistake: McCune is Flex bad ass and my TileUI clone has fewer features than his. However, you can select, lasso, group, stack, spiral, drag, resize, unstack, remove and change the perscpective on the tiles below. And best of all, you can view the source. š
My own TileUI – Part 2
This version is not nearly as cool as theĀ previous one I posted. Ā It doesn’t have any of the cool selection or stacking features and there is no 3D in this version. Ā It was just a test app that I built to experiment with FOAM.
While I was ripping off Doug’s TileUI project that I showed in my previous post, I also borrowed his FOAM tile Physics Container class which allowed me to mix Flex UI components with the FOAM physics engine. I started to build my TileUI clone using the FOAM engine but I switched to APE given the amount of documentation available for that implementation. That’s unfortunate since the FOAM engine seems to make the particles behave in a more realistic manner.
Continue readingFlex Animated List Component and Source
Here is a Flex list component that animates the rows when an item is selected. There are also animations for the ‘new’ and ‘delete’ operations. It is one of the first Flex components that I wrote and I posted this example a few months ago, but it was before I joined the MXNA aggregator so I’m reposting it again. I’m also including the source code this time.
Understanding Custom Flex Component Development
I’ve been refining my custom Flex component development for a while but I still smile when I come across someone’s definition of the basics that makes what I’ve already learned even more understandable. I came across Mike Nimer’s post about slides from the Flex Camp in Chicago and after reading through them I figured I’d post a summary of the contents on my own blog just to have a reference post for my own use.
Protected: The Honeymoon
Protected: The Reception
Protected: The Wedding
Flex Animated List Component
This is my first Flex example that I’m posting on my blog. It is a custom list component which animates when an item is selected. There are also animations for the ‘new’ and ‘delete’ operations.