Adobe Flex 4.5 Combo and Dropdownlist

Differences between ComboBox and DropDownList


1)First difference between the controls is that the prompt area of the ComboBox control is implemented by using the TextInput control, instead of the Label control for the DropDownList control.
2) a user can edit the prompt area of the ComboBox control to enter a value that is not one of the predefined options; the values in the DropDownList cannot be edited.
3) However, because dataProvider is the DropDownList control’s default property, you do not have to specify a child tag of the tag, as the following example shows:
Code:

<s:application backgroundcolor="#528CDA" minheight="600" minwidth="955" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark">
<s:layout>
<s:verticallayout paddingleft="5" paddingtop="5">
</s:verticallayout></s:layout>

<fx:declarations>

</fx:declarations>

<s:label text="Spark ComboBox ">
<s:combobox id="mySparkCB" prompt="Select a Color" width="140">
<s:dataprovider>
<mx:arraylist>
<fx:string>Pink</fx:string>
<fx:string>Orange</fx:string>
<fx:string>Yellow</fx:string>
<fx:string>Red</fx:string>
<fx:string>Blue</fx:string>
<fx:string>Green</fx:string>
</mx:arraylist>
</s:dataprovider>
</s:combobox>
<s:label text="Spark DropDownList ">
<s:dropdownlist width="160">
<mx:arraycollection>
<fx:string>Atlanta</fx:string>
<fx:string>SpringFiled</fx:string>
<fx:string>Chicago</fx:string>
<fx:string>New York</fx:string>
<fx:string>California</fx:string>
</mx:arraycollection>
</s:dropdownlist>

</s:label></s:label></s:application>

Spark DataGrid Support for Copy selected cell

This article describes how to add support for copy  the Flex DataGrid component.  It enables one to copy the datagrid column from  applications, notably spreadsheet apps like Excel.

The implementation enables copying the selected cell value using Custom Itemrender. That itemrender is the label component.


Here is the code:


CopyDatgridCell.mxml

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

  xmlns:s="library://ns.adobe.com/flex/spark" 

  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

<s:ArrayCollection id="userColl">

<fx:Object key="1000" name="Abrasive" price="100.11" call="false"/>

<s:DataItem key="1405" name="File" price="150.05" call="true"/>

<s:DataItem key="1606" name="Gouge" price="160.06" call="false"/>

<s:DataItem key="1007" name="Hook" price="170.07" call="true"/>

<s:DataItem key="1708" name="Ink" price="180.08" call="false"/>

<s:DataItem key="1009" name="Jack" price="190.09" call="true"/> 

<s:DataItem key="1801" name="Brush" price="110.01" call="true"/>

<s:DataItem key="1002" name="Clamp" price="120.02" call="false"/>

<s:DataItem key="1303" name="Drill" price="130.03" call="true"/>

<s:DataItem key="1604" name="Epoxy" price="140.04" call="false"/>

</s:ArrayCollection>

</fx:Declarations>

<s:Label x="71" y="24" fontFamily="Verdana" fontSize="26"

text="Adobe Flex 4.5 Spark DataGrid single cell copy"/>

<s:DataGrid id="copyCellData" x="71" y="58" width="350" dataProvider="{userColl}"

selectionMode="singleCell"> 

<s:columns> 

<s:ArrayList>

<s:GridColumn dataField="key" headerText="KEY" itemRenderer="Renders.LabelRender" />

<s:GridColumn dataField="name" headerText="NAME" itemRenderer="Renders.LabelRender"/>

<s:GridColumn dataField="price" headerText="PRICE"/>

<s:GridColumn dataField="call" headerText="CALL"/>

</s:ArrayList>

</s:columns> 

</s:DataGrid> 

</s:Application>

Here is the code for  Itemrender:

LabelRender.mxml

<?xml version="1.0" encoding="utf-8"?>

<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 

xmlns:s="library://ns.adobe.com/flex/spark" 

xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true" >

<fx:Script>

<![CDATA[

override public function prepare(hasBeenRecycled:Boolean):void {

lblData.text = data[column.dataField]

}

]]>

</fx:Script>

<mx:Label id="lblData" left="7" top="9"  selectable="true" />

</s:GridItemRenderer>

Spark Datagrid Itemrender

Here is the code for spark datagrid Itemrender


https://sites.google.com/site/adobeflex45/system/app/pages/admin/attachments/SparkDatagridItemrender.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
<s:ArrayList id="tourdata">
<fx:Object sno="1" TourName="Atlanta to Nashville" price="237.50"></fx:Object>
<fx:Object sno="2" TourName="Miami to Tampa" price="197.87"></fx:Object>
<fx:Object sno="3" TourName="Chicago to california" price="637.87"></fx:Object>
<fx:Object sno="4" TourName="Las vegas to New york" price="777.54"></fx:Object>
</s:ArrayList>
</fx:Declarations>
<s:DataGrid x="45" y="52" width="451" height="161" dataProvider="{tourdata}"
requestedRowCount="4">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="sno" headerText="S.No"></s:GridColumn>
<s:GridColumn dataField="TourName" headerText="Tour Name"></s:GridColumn>
<s:GridColumn dataField="price" headerText="Price" itemRenderer="Renders.PriceRender"></s:GridColumn>

</s:ArrayList>
</s:columns>


</s:DataGrid>
</s:Application>

Itemrender:

<?xml version="1.0" encoding="utf-8"?>

<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 

xmlns:s="library://ns.adobe.com/flex/spark" 

xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">

<!--delete script section not required-->

<!--<fx:Script>

<![CDATA[

override public function prepare(hasBeenRecycled:Boolean):void {

lblData.text = data[column.dataField]

}

]]>

</fx:Script>-->

<fx:Declarations>

<s:CurrencyFormatter id="priceFormatter" useCurrencySymbol="true"/>

</fx:Declarations>

<s:layout>

<s:HorizontalLayout horizontalAlign="right" verticalAlign="middle" paddingRight="7"/>

</s:layout>

<s:Label id="lblprice"  text="{priceFormatter.format(data.price)}"/>

</s:GridItemRenderer>
Spark Datagrid Itemrender

Spark Itemrender

Spark Label

Simple Hello World Program in Adobe Flex 4.5

HELLO FROM ADOBE FLEX 4.5

HERE IS THE CODE

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

  xmlns:s="library://ns.adobe.com/flex/spark" 

  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

</fx:Declarations>

<s:Label fontFamily="Verdana" fontSize="50" horizontalCenter="0" top="25"

text="Hello from Adobe Flex 4.5 ! "/>

</s:Application>

Spark Datagrid

Adobe Flex 4.5 has some really exciting new things in it. Among them my favorite is the new Spark DataGrid component.

The Spark DataGrid control provides the following features:

• Interactive column width resizing
• Control of column visibility
• Cell and row selection
• Single item and multiple item selection modes
• Customizable column headers
• Cell editing
• Column sorting

  

  Adobe Flex 4.5 Spark Datagrid
  Here is the Code for Spark Datagrid
  

  
  

  <?xml version="1.0" encoding="utf-8"?>

  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

    xmlns:s="library://ns.adobe.com/flex/spark" 

    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

  <s:layout> 

  <s:VerticalLayout/> 

  </s:layout> 

  <fx:Declarations>

  <!-- Place non-visual elements (e.g., services, value objects) here -->

  <s:ArrayCollection id="userColl"> 

  <fx:Object  SNO="1" USERNAME="FLEX" EMAIL="flex@gmail.com"/> 

  <fx:Object  SNO="2" USERNAME="PHOTO SHOP" EMAIL="photoshop@gmail.com"/>

  <fx:Object  SNO="3" USERNAME="CSS" EMAIL="css@gmail.com"/>

  <fx:Object  SNO="4" USERNAME="JAVA" EMAIL="java@gmail.com"/>

  <fx:Object  SNO="5" USERNAME="PHP" EMAIL="php@gmail.com"/>

  <fx:Object  SNO="6" USERNAME="COLD FUSION" EMAIL="coldfusion@gmail.com"/>

  </s:ArrayCollection> 

  </fx:Declarations>

  <s:Label width="441" height="42" fontFamily="Verdana" fontSize="26"

  text="Adobe Flex 4.5 Spark DataGrid"/>

  <s:DataGrid id="mySparkDatagrid" width="350" dataProvider="{userColl}"> 

  <s:columns> 

  <s:ArrayList>

  <s:GridColumn  dataField="SNO" />

  <s:GridColumn dataField="USERNAME"/>

  <s:GridColumn dataField="EMAIL"/>

  </s:ArrayList>

  </s:columns> 

  </s:DataGrid> 

  </s:Application>
  
  
  
  

  
  

  
  
  

  
  

Video Player 4.5

The VideoPlayer control is a skinnable video player that supports progressive download, multi-bitrate streaming, and streaming video. The VideoPlayer control contains a full-featured UI for controlling video playback.
* Note 
 It supports playback of FLV and F4v files :)
 
VideoDisplay is the chromeless version that does not support skinning. It is useful when you do not want the user to interact with the control.


Here is the Sample code:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:VideoPlayer horizontalCenter="0" verticalCenter="0" 
  source="http://domain-name.com/filename.flv" 
  autoPlay="true"/>

</s:Application>

Flex Interview Questions

1)    How will you remove the first element from the Array?

The elements from the Array can be removed by using splice method. splice method accepts mainly two arguments. First one tells the starting index and second one the number of elements to be retrieved. This will return an array of the spliced elements. See the code below.

Var arr:Array= new Array(“a”,”b”,”c”,”d”);

Alert.Show(arr.toString());

Arr.splice(1,arr.length-1);

Alert.Show(arr.toString());

2)    Can you share with us your experience regarding performance of the Flash 9 in a real time mode? What are your thoughts on advantages of using Flash 9 say in a real-time trading applications comparing to a tried-and-true Java Swing front end?
A. Flex is very capable of providing near real-time data rendering to the GUI and very high refresh rates on large data sets. Flash Player 9 is the high-performance modern virtual machine with precompiled optimized code and just-in-time (JIT) machine code compiler. And it is very possible to build the client portion of a real-time portfolio display integrated with news feeds and graphs with about 100 lines of Flex 2 code. A similar Java Swing program (even if it’s created by commercial IDEs) would be on average ten times larger.
The real selling point becomes obvious on a second or third day of the proof of concept phase. A decent Flex developer should be able to prototype (short of server processing) most of the UI for specific trading system by the end of the first week. If you are lucky and the system integration went fine, you can add the collaboration features and multimedia – with total client code base for the whole project within 1000-1500 lines.

3)    if you move from one page to another in a pure Flash Web site, can you bookmark, say page #4?

The bookmarking of the sites is still available on the browser. But in Flash-based applications you do not move from one page to another as there is no roundtrip to the server – essentially you are on the same URL all the time. What looks like a page to the user is just another screen in the either monolithic or dynamic application. The approach I would take is to make application bookmark the data the user is looking for – that provides you much richer insight into the user’s preferences and type of information he is customary searching for. That data would be associated with user and combined with regular URL bookmark upon the user re-logon/cookie retrieval.

4)    What are three ways to skin a component in flex?

Skinning is the process of changing the appearance of a component by modifying or replacing its
visual elements. These elements can be made up of images swf files or class files that contain
drawing API methods.
There are several ways that you can define skins: inline, by using the setStyle() method, and by using
Cascading Style Sheets (CSS).

5)    How do I get access to the J2EE session from my RemoteObjects?

The AMF Gateway provides access to the current HttpServletRequest instance in a thread local variable. The session can be obtained from the request, as follows:

flashgateway.Gateway.getHttpRequest().getSession();

6)    Why are my ValueObject member variables undefined in the results from my RemoteObject requests?

Flash Player deserializes objects in a special order that can confuse developers used to object serialization from other RPC systems. When a strongly typed object is returned to the player, it first creates an instance from the prototype of the registered class without calling the constructor. It then populates the object with the properties sent in the result. Finally, it calls the constructor without arguments.

If your ValueObject constructor expects arguments to initialize an instance, be sure to check whether arguments were actually sent to the constructor before overriding member variable values.

7)    What is MVC and how do you relate it to flex apps

The goal of the Model-View-Controller (MVC) architecture is that by

creating components with a well-defined and limited scope inyour application, you increase the

reusability of the components and improve the maintainability of the overall system. Using the MVC

architecture, you can partition your system into three categories of components:

* Model components Encapsulates data and behaviors related to the data.

* View components Defines your application's user interface.

* Controller components Handles the data interconnectivity in your application.

8)Explain Metadata

You insert metadata tags into your MXML and ActionScript files to provide information to the Adobe Flex compiler. Metadata tags do not get compiled into executable code, but provide information to control how portions of your code get compiled.

9)What are the channels and their types

The Channel class is the base message channel class that all channels in the messaging system must extend.

Channels are specific protocol-based conduits for messages sent between MessageAgents and remote destinations. Preconfigured channels are obtained within the framework using the ServerConfig.getChannel() method. You can create a Channel directly using the new operator and add it to a ChannelSet directly

In Flex AMFChannel is used mostly. Action Message Format

Methods

applySettings (),connect(),connectFailed(),connectSuccess(), connectTimeoutHandler()

disconnect(),disconnectFailed(),disconnectSuccess(),flexClientWaitHandler(), getMessageResponder(),internalConnect(),internalDisconnect(),internalSend(),logout()

send(),setCredentials()

Properties

reconnecting,recordMessageSizes,recordMessageTimes,reQuestionuestTimeout,uri

10)  When I set visible="false", the component still takes up space and appears in the tab order. Why is that?

You can often achieve the "display=none" effect by setting the height/width to zero when you set it invisible, and then set it back to a fixed value or to undefined when you make it visible again

Spark Currency Formatter

Spark Currency Formatter

Here is the component

Currency formatter

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
 fontSize="18" locale="{c.selectedItem}"
  >



<s:layout>
<s:VerticalLayout horizontalAlign="center" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"
 gap="8"/>
</s:layout>

<fx:Declarations>
<s:CurrencyFormatter id="cf" useCurrencySymbol="true"/>
<s:DateTimeFormatter id="df"/>
</fx:Declarations>
<s:Label text="CURRENCY FORMATTER" fontSize="16" />
<s:Label text="Select a locale to see the formatted currency and date of your Choice"/>
<s:ComboBox id="c" selectedItem="en-US...">
<s:dataProvider>
<s:ArrayList>
<fx:String>de-DE</fx:String>
<fx:String>en-US</fx:String>
<fx:String>es-ES</fx:String>
<fx:String>fi-FI</fx:String>
<fx:String>fr-FR</fx:String>
<fx:String>it-IT</fx:String>
<fx:String>ja-JP</fx:String>
<fx:String>ko-KR</fx:String>
<fx:String>nb-NO</fx:String>
<fx:String>pt-PT</fx:String>
<fx:String>ru-RU</fx:String>
<fx:String>zh-CN</fx:String>
</s:ArrayList>
</s:dataProvider>
</s:ComboBox>

<s:Label text="{cf.format(17.7)}"/>
<s:Label text="{df.format(new Date())}"/>
</s:Application>

Spark Form

Here is the Sample Spark Form for Adobe Flex 4.5

Spark Form 

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

  xmlns:s="library://ns.adobe.com/flex/spark" 

  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

</fx:Declarations>

<s:Panel title="PERSONAL INFO PAGE">

<s:Form horizontalCenter="0">

<s:FormItem width="267" height="39" label="EMAIL ID">

<s:TextInput/>

</s:FormItem>

<s:FormItem label="PASSWORD" >

<s:TextInput displayAsPassword="true"/>

</s:FormItem>

<s:FormItem label="SELECT GENDER">

<s:CheckBox label="MALE"/>

<s:CheckBox label="FEMALE"/>

</s:FormItem>

<s:Button label="Submit it!"/>

</s:Form>

</s:Panel>

</s:Application>


Click Below link. That will display Spark Form:

SparkForm

Flex Interview Questions

1) What are the differences b/w AS 2.0 and AS 3.0.
2) Differences b/w Undefined and Object.
3) Differences b/w Array and ArrayCollection.
4) What is Binding? How can we create bindable classes and bindable methods.
5) What is abstraction ?
6) What is localization in Flex?
7) Item rendering in AS and MXML.
8) How can we populate the data from XML to Tree?
9) What is Shared Object?
10) What is Remoting and how can we call RemoteObject?
11) How can we work with Javascript methods in AS?
12) How can we create custom components? In how many ways can we create those.
13) How can we access the properties of a Dynamic object in Flex?
14) What is Encapsulation?
15) What are the access specifiers in AS?
16) Diff b/w internal and private access specifiers?
17) How many ways we can write AS in Flex?
18) What is MXML?
19) Diff b/w Flex and AIR?
20) What is LCDS? How it helpful to flex?
21) What is MVC? Describe any framework in Flex?
22) How can we override methods in AS?
23) What is an interface and package?
24) How can we make a communication b/w two SWC’s?
25) How can we release a Flex project?
26) File Management System in Flex?
27) How can we animate images and effects?
28) What are main containers in Flex?
29) Explain about layouts in Flex?
30) What is the default layout in Flex?
31) What is diff b/w a Panel and a Canvas ?
32) What is RPC?
33) HttpService class in Flex?
34) Drag and Drop functionality in Flex with any control like DataGrid?
35) What is the diff b/w List, HorizontalList and TileList ?
36) Inheritance and Polymorphism in AS?
37) Explain Flex architecture ?
38) Describe AIR features?
39) Explain RIA features?
40) What are the diff b/w Flex and Flash?

Flex Documentation links

Flex Documentation link: http://livedocs.adobe.com/flex/3/flex3_documentation.zip
Component Explorer: http://examples.adobe.com/flex3/componentexplorer/explorer.html
Style Explorer: http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html
Tour De Flex (Download and Install it Will solve your lots of Questions- Requires AIR) : http://www.adobe.com/devnet/flex/tourdeflex/
Adobe Flex in a Week: http://www.adobe.com/devnet/flex/videotraining/
Adobe Online resources: http://www.anandvardhan.com/adobe-resources/
Flex 2 FMS Explorer
http://www.flash-communications.net/technotes/flex2FMSExplorer/flex2FMSExplorer.htmlHelp: http://www.flash-communications.net/technotes/flex2FMSExplorer/
Away3D explorer for Flex
http://www.nielsbruin.nl/flex_examples/away3d/Download from :http://away3d.com/downloads
Flex 2 Primitive Explorer
http://www.flexibleexperiments.com/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html
Flex Examples
http://blog.flexexamples.com/
Flex 2 Component Explorer
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html
Flex 3 Component Explorer
http://examples.adobe.com/flex3/componentexplorer/explorer.html
Flex 2 Style Explorers
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
Flex 3 Style Explorers
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html
Charting Components Explorer
http://demo.quietlyscheming.com/ChartSampler/app.html
JAM – Just ActionScript and MXML
http://www.onflex.org/code/2006/08/fresh-jam-flex-app-right-click-for.html
FlexSpy – To modify and inspect all the visual components off Flex
http://www.mieuxcoder.com/data/2007/12/FlexSpy-1.2/dashboard.html
A directory of Adobe Flex components
http://flexbox.mrinalwadhwa.com/
Flex Style Creator
http://www.flexonrails.net/stylescreator/public/
Easing Effects Explorer
http://www.madeinflex.com/img/entries/2007/05/customeasingexplorer.html
Color Explorer
http://kuler.adobe.com/
Cairngorm Diagram Explorer
http://www.cairngormdocs.org/tools/CairngormDiagramExplorer.html
Resize Manager
http://www.flex-flex.net/flex/ResizeManager/ResizeManager.htmlhttp://blogs.adobe.com/flexdoc/2007/03/creating_resizable_and_draggab.htmlhttp://www.teotigraphix.com/explorers/ResizeManagerFX/ResizeManagerFXExplorer.html
Flex Enhanced Button Skin Explorer
http://www.wabysabi.com/flex/enhancedbuttonskin/
Flex Book
http://www.rubenswieringa.com/code/as3/flex/Book/
Distortion Effects Explorer
http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/
Random Walk
http://demo.quietlyscheming.com/RandomWalk/IconWalk.html
Flex Super Panel
http://www.wietseveenstra.nl/files/flex/SuperPanel/v1_5/MainView.html
Chart Range Selection Component
http://www.stretchmedia.ca/code_examples/chart_range_selection/main.html
Dual Slider
http://www.visualconcepts.ca/flex2/dualslider2/DualSlideTest.html
Advance Form
http://www.renaun.com/flex2/AdvancedForm/
Drag Tile
http://demo.quietlyscheming.com/DragTile/Alphabet.html
Dictionary – Word Information
http://mark-shepherd.com/thesaurus/
Flex Text Effects Explorer
http://www.sakri.net/technology/flash/flex/flex_text_effects/FlexTextEffectsExplorer.html
Flex Presentations – You can also add your presentations in thishttp://www.asfusion.com/projects/cf-presenter/
MXNA Reader
http://www.asfusion.com/mxna/
Drop Shadow
http://www.asfusion.com/examples/item/drop-shadow-en-flash-8
Bevel Filters
http://www.asfusion.com/examples/item/bevel-filter-en-flash-8
Bevel Filters
http://www.jamesward.com/census/
Getting Started
http://learn.adobe.com/wiki/display/Flex/Getting+Started
Flex 3 Help
http://livedocs.adobe.com/flex/3/html/index.html
Reflection Explorer
http://www.wietseveenstra.nl/files/flex/ReflectionExplorer/v1_0/ReflectionExplorer.html
DZone – Community for developers
http://www.dzone.com
Flex.org – Community for Flex developers
http://flex.org
Degrafa – Declarative graphics framework for Flex. Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support.
http://www.degrafa.com/
Text layout Editor
http://www.madeinflex.com/img/entries/2007/05/customeasingexplorer.html
Custom Easing Function Explorer
http://labs.adobe.com/technologies/textlayout/demos/
Flex Games
http://s3.amazonaws.com/apphost/MGB.html
tour-de-flex Component Explorer
http://arunbluebrain.wordpress.com/2008/11/19/tour-de-flex-component-explorer/
Flex Samples
http://www.adobe.com/devnet/flex/?navID=sampleshttp://www.adobe.com/devnet/flex/community_samples.html
Flex Applications
http://www.onflex.org/flexapps/applications/Flipper/
Scrawl Application
http://www.thebetterside.com/scrawl/ScrawlExample4.html
Display Shelf
http://demo.quietlyscheming.com/displayShelf/index.html
Rating Component
http://www.flexibleexperiments.com/Flex/RatingComponent/Blog_Post_Rating_Component.html
Create Flow Chart
http://my.lovelycharts.com/
Designer Effects for Flex
http://www.efflex.org/
find answers to your Flex questions
http://sandboxviolation.appspot.com
Flex 3 regular expression explorer
http://ryanswanson.com/regexp/#start
Adobe bugs and issue management system
http://bugs.adobe.com/jira/secure/Dashboard.jspa
Rich Spatial Flex viewer
http://flex888.com/lab/geoweb/flexviewer/
Color tool
http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10763&marketplaceid=1
Advance data visualization for flex
http://www.ilog.com/products/ilogelixir/demos/
RIA Trax Explorer
http://www.insideria.com/2009/03/riatrax-flex-event-tracking-no.htmlhttp://labs.happytoad.com/RIATrax/explorer/
25 Excellent And Useful Adobe AIR Tutorials & Resources
http://www.smashingapps.com/2009/03/06/25-excellent-and-useful-adobe-air-tutorials-resources.html
Visualization Explorer
http://lab.benstucki.net/archives/visualizationexplorer/
CSS3 Box Explorer
http://lab.benstucki.net/archives/css3boxexplorer/
Scroller Explorer
http://lab.benstucki.net/archives/scrollerexplorer/
Pixel 3D Explorer
http://lab.benstucki.net/archives/pixel3dexplorer/
Google Social Graph Explorer
http://dreamingwell.com/examples/flex/googleSocial/GoogleSocial.htmlhttp://www.tarasnovak.com/lab/FlexSVGExplorer/01/FlexSVGExplorer.html#
Component Framework
http://blog.benstucki.net/index.php?paged=10
Opensocial
http://code.google.com/p/opensocial-actionscript-client-sdk/http://code.google.com/p/as3opensociallib/
Library of Flex Components
http://code.google.com/p/flexlib/
Open Flux – Framework
http://code.google.com/p/openflux/
Degrafa – Declarative graphics framework for Flex. Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support.
http://code.google.com/p/degrafa/
FlexLib Component List
http://code.google.com/p/flexlib/wiki/ComponentList
Firebug for flex applications
http://code.google.com/p/fxspy/
lightweight logger extension for Flex 3-4, AIR and Flash 9-10 applications
http://code.google.com/p/flash-thunderbolt/
List of 31 Flex APIs, Libraries, Components and Tools
http://seantheflashguy.com/blog/2007/08/21/list-of-31-flex-apis-libraries-components-and-tools/
List of 22 ActionScript 3.0 API’s
http://seantheflashguy.com/blog/2007/08/13/list-of-22-actionscript-30-apis/
ActionScript 3.0 APIs developed specifically for Adobe Flex and AIR.
http://www.ericfeminella.com/blog/actionscript-3-apis/
ASMailer : The ASMailer class sends emails using an SMTP server. ASMailer sends mail without the need of a server side language like PHP or JSP.
http://asmailer.riaforge.org/
Away3d 2.1 : Away3D is a realtime 3d engine for flash in ActionScript 3.0
http://away3d.com/away3d-21-demos-docs
Bullet Graph : A good way to show actual time spent vs. the estimated time for a project
http://agileui.blogspot.com/2008/05/bullet-graph-free-flex-component.html
Degrafa : Declarative Graphics Framework
http://www.degrafa.com/
Desuade Partigen : Desuade Partigen is an extension for Adobe Flash which lets you create realistic vector and raster particle effects (such as fire, smoke, sparkles), without requiring you to do any complex coding.
http://desuade.com/products/partigen/
EasyMVC : EasyMVC is an event driven MVC framework which focuses on flexibility while not getting in the developers way.
http://projects.simb.net/easyMVC/
Five3D : vector-based 3d rendering framework by Mathieu Badimon – has just received a significant update, bringing it to version 2.1. New features this version brings: Back Face Culling, Flat Shading, Z-sorting, Space Drawing functions, Bitmap3D class, Video3D class, Sprite2D Class, Letter Spacing, Text Width
http://five3d.mathieu-badimon.com/
Flash Player 10 API Documentation!
http://download.macromedia.com/pub/labs/flashplayer10/flashplayer10_as3langref_052008.zip
Flex 3 Performance and Memory Profiling : Memory profiling lets you look at objects being created, take snapshots and compare them. Performance profiling allows snapshots for looking at cumulative and internal time.
http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions:_Performance_and_Memory_Profiling
Flex 3 RSLs : Use Flex 3 runtime-shared-libraries (RSLs) to reduce the size of your applications and thereby reduce the time required to download the application. RSLs are just SWF files whose code is used as a shared library between different application SWF files.
http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions:Flex_3_RSLs
Flex 4 States syntax changes : Flex 4 will target all of the legacy usage scenarios of classic Flex states functionality (stateful components, states as application views or pages, effects and transitions between view states, etc.). This document outlines what is primarily a syntax change for the existing functionality.
http://opensource.adobe.com/wiki/display/flexsdk/Enhanced+States+Syntax
Flex and Flex Developers Magazine
http://www.ffdmag.com/
Flex Designer Scroll Bars : skinny little tone on tone scroll bars that have no scroll arrows
http://www.gskinner.com/blog/archives/2008/05/designer_scroll.html
FlexMDI : flexmdi is a robust, extensible Multiple Document Interface framework for Adobe Flex.
http://code.google.com/p/flexmdi/
Flex Resource Bundles : Resource bundle is a set of values that you externalize from your source code in a properties file. And it can be swapped out at compile time or, with Flex 3, at runtime. Think of it like a style sheet for values.
http://blog.extends.eventdispatcher.org/roger/introduction-to-flex-resource-bundles/
FOAM : two-dimensional rigid body physics engine written in ActionScript 3.0.
http://code.google.com/p/foam-as3/
Go3D : Cool Tweening Engine, the Go3D which give you more control over moving objects in 3d space.
http://code.google.com/p/goplayground/source/checkout
GoogleMap Flex Component : A new component for Flex Developers who want to add more control or be very well organized.
http://www.igorcosta.org/?p=140
Guttershark : Actionscript 3 library that pushes some simple conventions on you, only to make you faster as a developer. It’s a pattern for Flash development that cuts out a huge amount of time, especially when you’re in the first stages of development.
http://www.guttershark.net/
ILOG Elixir : A suite of professional user interface controls that gives developers a rich collection of innovative and interactive data display components. It includes ready-to-use schedule displays, map displays, dials, gauges, 3D and radar charts, a treemap chart and organization charts.
http://www.ilog.com/products/ilogelixir/
LoadingImage : Takes a regular Flex Image component, and adds a self contained ProgressBar to it to show its own loading progress.
http://www.munkiihouse.com/?p=135
Logger Library and RIALogger : The Logger component provides classes to that abstract the Flex 2 Log and logging Target classes. It provides a simple approach to logging messages with category information and provide hooks into multiple targets. It supports the following logging targets by default: RIALoggerTarget, TraceTarget (trace()), XPanelTarget, and FlexTracePanelTarget. The LogController also provides functionality to allow you to setup your own custom logging Target.
http://renaun.com/blog/flex-components/rialogger/
Mate : Mate is a tag-based, event-driven Flex framework.
http://mate.asfusion.com/index.cfm
Merapi : Merapi is a new project that is a framework for connecting AIR to java at the desktop.
http://adamflater.blogspot.com/search/?q=merapi
MinimalComps : Minimal AS3 UI Component Set : CheckBox, PushButton, HSlider, VSlider, InputText, ProgressBar, RadioButton, ColorChooser (text input only) and Panel.
http://www.bit-101.com/minimalcomps/
OpenFlux : OpenFlux is an open-source Flex component framework which allows developers to create radically new and custom Flex components.
http://code.google.com/p/openflux/
PeekPanel : Cool way to hide options or preferences in an application. It borrows the look and feel from the FlexBook/PageFlip components already out there, but instead of simulating a book, this is more of a way to use the “flip” to hide other components.
http://www.billdwhite.com/wordpress/?p=29
PlexiGlass
http://www.bobjim.com/category/plexiglass/
Share (Document Services API) : Online service provided by Adobe that allows you to share, publish, and organize documents online.
http://code.google.com/p/as3sharelib/downloads/list
Slide : Slide is an application framework for projects built in Flex 2 or 3. Using familiar design patterns, Slide provides a robust MVC structure, view state management decoupled from view implementation and a flexible approach to model and controller access, eliminating need for singleton classes.
http://code.google.com/p/flex-slide/
Sandy 3.0.2 : Sandy is an intuitive and user-friendly 3D open-source library.
http://www.flashsandy.org/versions/3.0
Sprouts : Sprouts is an open-source, cross-platform project generation and configuration tool for ActionScript 2, ActionScript 3, Adobe AIR and Flex projects.
http://www.projectsprouts.org/
Universal Mind Extensions for Adobe Cairngorm : Universal Mind has extended the classic Adobe 2.2.x Cairngorm version to provide many productivity and maintenance enhancements.
http://code.google.com/p/flexcairngorm/
Video Tutorial on Compiling for Flash Player 10
http://theflashblog.com/?p=383
Virtual Space (AS 3.0) V. 1.0 : The Virtual Space is an AS3 component that can be used to create virtual-tour type visualizations very easily. Simply specify 6 images to be used for top, bottom, left, right, front, and back. Then, position the camera, set the initial view, and specify interaction parameters.
http://www.afcomponents.com/components/virtual_space_as3/
TextArea Explorer
http://www.techizzles.com/2009/03/14-most-productive-adobe-air-applications/
Noise Explorer
http://www.bit-101.com/explorers/NoiseExplorer.swf
Perlin Explorer
http://www.bit-101.com/explorers/PerlinExplorer.swf
Threshold Explorer
http://www.bit-101.com/blog/?p=819
PixelBender
http://labs.adobe.com/technologies/flashplayer10/demos/pixelbender/http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&exc=26&loc=en_us
TiltShift Generator
http://labs.artandmobile.com/tiltshift/
Flex 3 Regular Expression Explorer
http://ryanswanson.com/regexp/#start