Sunday, March 28, 2010

Beginning Flex !

As you all know ,now Adobe Flex become a world's richest Internet Application framework. 
Adobe Flex is a software development kit released by Adobe Systems for the development and deployment of cross-platform Rich Internet Applications.
Adobe Flex is based on Flash technology.
As you can see picture below, it shows the basic interpretation of the Flex Application.

Flex apps have powerful , richest components.
What are those components/elements?

There are six basic elements .

1.Flex Framework -
  • It has containers to use to layout Applications.
  • It also use to gather data such as buttons,text...etc.
  • It has a event driven development model.
  • It also supports data binding/ validation ... etc.
2.MXML files
  • Flex application contains at least one MXML file and Flex applications use those MXML files for manipulate lots of jobs and it also a bridge to connect with irrelevant formats with Flex. 
  • This is named as main Application File.
3.Action Script 3.0
  • Flex applications have multiple dynamic behaviors. Those highly dynamic behaviors are create by using action script technology and it is looks like java scripts.
  • It can be contained in or outside the MXML file.
  • Cascade style sheets used to define style attributes on visual components.
  • Combo boxes,data grids 
  • Those can be populate using arrays, collection objects, data models, external xml files... etc
Important aspects of Flex Apps:
  • Flex apps never require to use server side apps. Because those apps run and compile on our local machine.
  • How ever if we want to use those external data services we can use Flex data service 2, coldfusion Flash remote services, Java/J2EE services...etc.
  • And remember we have to deploy those on an application server as well.
Lets see how to write a simple application using Flex

  • Normally we can use simple text editor to edit Flex applications.
  • But generally and commercially eclipse IDE used to develop Flex apps.

  • And you can use Adobe Catalyst as a design tool for Flex.
               On October 2, 2007, Adobe announced a new design tool related to Flex codenamed Adobe Thermo. On November 17, 2008 Adobe announced the official name of the product would be Adobe Flash Catalyst.

Lets see how to write a hello world app!

As you can see in the second image it shows the code which outputs the result in first image.I used Flex Builder 2 (built on Eclipse) as my IDE.

First of all we have to mentioned the file type and encoding type and proper xml version.

Validate application using name spaces which refer following URL and have to say layout state.

We have to define A panel . If we do not create such a panel there will be a mixture of characters. :D

I am going to say that who I am by using text area .

We can manipulate button . But this but haven't any action when it is clicked.But its looks likes as image1.

We should close the tags which we are opened.

Adobe Flex 4 - has New Features and awesome!

  • Adobe released Flex 4.0 (code named Gumbo) on March 22th 2010 . The Flex 4 development is called Adobe Flash Builder, formerly known as Adobe Flex Builder.

  • Some themes that have been mentioned by Adobe and has been incorporated into Flex 4 are as follows:

  • Design in Mind: The framework has be designed for continuous collaboration between designers and developers.

  • Accelerated Development: Be able to take application development from conception to reality quickly.

  • Horizontal Platform Improvements: Compiler performance, language enhancements, BiDi components, enhanced text (Flex 4 includes the new Text Layout Framework ).

  • Full Support for Adobe Flash Player 10 and above.

  • Broadening Horizons: Finding ways to make a framework lighter, supporting more deployment runtimes, runtime MXML.

  • Simpler skinning than the previous versions.

  • Integration with Adobe Flash Catalyst.

  • Custom templates

Related Posts with Thumbnails