Post your need

Adobe Flex Tutorials

  • What is Adobe Flex?
  • Adobe Flex Development Components
  • Parts of Flex Application
  • Creating your First Application in Flex Environment
  • Flex Application Deployment
  • Adobe Flex Application Development Life Cycle
  • Using CSS Styles in Flex App
  • Skin Styles
  • Different Data Binding Techniques
  • Using Fundamental Controls
  • Implementing Form Controls
  • Implementing Complex Controls
  • Applying Visual Effects
  • Event Handling Techniques
  • Advanced and Custom Controls
  • RPC Services

Parts of Flex Application

    • In order to successfully start creating applications using Adobe Flex, it is very important to understand the actual parts of the Adobe Flex. Below are the four crucial parts out of which last part is optional but first three parts are mandatory:

      • Flex Framework Libraries
      • Client-side code
      • Public Resources (HTML/JS/CSS)
      • Server-side code

      Sample locations of different parts of a typical Flex application HelloWord will be as shown below:

      Name

      Location

      Project root

      HelloWorld/

      Flex Framework Libraries

      Build Path

      Public resources

      html-template

      Client-side code

      table table-bordered/com/application/client

      Server-side code

      table table-bordered/com/application/server

       

      Framework Libraries to start building the applications

      The resource libraries are very important to start building the Adobe Flex applications. Fortunately, Flash Builder automatically add the libraries to build path.

      Below tasks are accomplished by default while creating the code using the Flash Builder:

      • Starts the Compilation of the source code to HelloWorld.swf file.
      • Starts the Compilation of a HelloWorld.html (a wrapper file for SWF file) from a file index.template.html stored in HTML-template folder
      • Duplicates the files HelloWorld.swf and HelloWorld.html files in the target folder, bin-debug.
      • Duplicates the files swfobject.js, a javascript code responsible to load SWF file dynamically in HelloWorld.html in target folder, bin-debug
      • Duplicates the files framework libraries in form of SWF file named frameworks_xxx.swf in target folder, bin-debug
      • Duplicates the files other flex modules (.swf files such as sparkskins_xxx.swf,textLayout_xxx.swf) in target folder.

       

      Process involved in the launching of Adobe Flex application

      • First, the HelloWorld.html file available in \HelloWorld\bin-debug folder should be opened in any web-browser
      • HelloWorld.swf will load automatically and the application will start running.

       

      What are the different Adobe Flex library files available in the Adobe Flex?

      Below are the details about few important framework libraries.

      In flex, libraries are denoted using .swc notation

      S.N.

      Nodes & Description

      1

      playerglobal.swc

      This Adobe Flex library files is specific to FlashPlayer installed on your machine and contains native methods supported by the flash player.

      2

      textlayout.swc

      This Adobe Flex library file supports the text layout related features.

      3

      framework.swc

      This is the flex framework Adobe Flex library files contains the core features of Flex.

      4

      mx.swc

      This Adobe Flex library files stores the definitions of my UI controls.

      5

      charts.swc

      This Adobe Flex library file supports the charting controls.

      6

      spark.swc

      This Adobe Flex library file stores the definitions of spark UI controls.

      7

      sparkskins.swc

      This Adobe Flex library file supports the skinning of spark UI controls.

      Client-side code

      Flex application code can be written in MXML and ActionScript.

      S.N.

      Type & Description

      1

      MXML

      MXML is an XML markup language that we'll use to lay out user interface components.MXML is compiled into ActionScript during the build process.

      2

      ActionScript

      ActionScript is an object-oriented procedural programming language and is based on the ECMAScript (ECMA-262) edition 4 draft language specification.

       

Interested about Adobe Flex?
Get in touch with training experts Get Free Quotes
Leave a comment