Interview Questions
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
Get in touch with training experts Get Free Quotes
Leave a comment