Professional Flex 2 – Table of Contents

<div align=”center”>
<a href=”http://www.amazon.com/gp/product/0470102675/002-4312150-6440857?ie=UTF8&amp;tag=everythingfle-20&amp;linkCode=xm2&amp;camp=1789&amp;creativeASIN=0470102675″>
<img src=”http://everythingflex.files.wordpress.com/2007/02/0470102675.jpg” border=”0″ /><br />
Professional Flex 2</a>
</div>

Here is the <a href=”http://blog.everythingflex.com/wp-content/uploads/2007/04/proflex2toc.pdf”>final table of contents</a> for <a href=”http://www.amazon.com/gp/product/0470102675/002-4312150-6440857?ie=UTF8&amp;tag=everythingfle-20&amp;linkCode=xm2&amp;camp=1789&amp;creativeASIN=0470102675″>Professional Flex 2</a> which is due to start shipping shortly.

Flex Component Kit for Flash CS3 – WOW

I just saw an amazing presentation on the new Flash Component Kit for Flash CS3 which shows Flash content as a full fledged citizen within Flex applications. Not only is it super easy to compile your Flash CS3 content for Flex, but Flex Builder will use the content seamlessly.

Key Features that I can remember:

• Ability to access Flash content natively within Flex using any Flex container
• Flash content can be used as a skin
• Ability to define events from within Flash content which can be accessed from Flex
• Bounding boxes to define the space the Flash content will occupy within the Flex application
• Flashframe labels can be accessed from Flex using state management
• and more that I can’t remember, anyone else who watched the Connect demo, please add comments.

Will be available Monday 4/23/2007 at http://labs.adobe.com

And Yellow Dots within Flex (Inside Joke)

Flex 2 Metadata Tags

My article on Flex 2 Metadata tags “Telling the Compiler how to Compile” is now available in the current issue of the Web Developer’s & Designer’s Journal. Check it out on pages 26 – 31. You can read it here.

Yahoo API’s – A Weather Widget

 

Well I finally got around to building something with the new Yahoo Flex API’s.  In this example, I am using the  Yahoo Weather API to display a few of the many weather properties that are available via this API.  This application uses shared objects to store the user preferences, the Timer class to fetch new results per the user refresh setting, as well as the Distortion Effects from Alex Uhlman.

Here is the application running in the browser

Here is the same application packaged in an Apollo AIR file.

Accordion with Icons

I built this component to allow an icon to be added to each Accordion Header where the icon is dependent on the current state of the Accordion. There are 3 possible states that are tracked, up, down, and selected. The upIcon is displayed whenever the pane is above the selected pane. The downIcon is displayed whenever the pane is below the selected pane. The selectedIcon is displayed when pane is the selected pane. See the image below.

Sample Syntax (Basic with default icons):

<eflex:AccordionIcons>
<mx:Canvas label=”Canvas”/>
<mx:VBox label=”VBox”/>
<mx:HBox label=”HBox”/>
</eflex:AccordionIcons>

Sample Syntax (Advanced with custom icons and selectedIndex):

<eflex:AccordionIcons
upIcon=”@Embed(source=’assets/icons/arrowUp2.gif’)”
downIcon=”@Embed(source=’assets/icons/arrowDown2.gif’)”
selectedIcon=”@Embed(source=’assets/icons/arrowSelected2.gif’)” height=”200″
selectedIndex=”1″>
<mx:Canvas label=”Canvas”/>
<mx:VBox label=”VBox”/>
<mx:HBox label=”HBox”/>
</eflex:AccordionIcons>

Run this demo

View/Download Source

Docs