Home Tutorial Flex Flex4 Components Visual Component in Flex4

 
 

Share on Google+Share on Google+
Visual Component in Flex4
Posted on: April 22, 2010 at 12:00 AM
Advertisement
Flex 4 provide component based development model which is use to develop application and it is used to generate application user interface

Visual Component in flex4:

Flex 4 provide component based development model which is use to develop application and it is used to generate application user interface. Visual component is flexible and provide the control over these component's appearance. The visual component have following characteristics that is Size, Events, Style,  Effects, Skins etc.

There are two types of components in Flex 4, one is Spark and other is MX. The Spark component are new added in Flex 4 and these component define in the spark.* package. And MX components old that uses in flex previous version and define in the mx.* package.

There are many visual component in Flex 4. You can see the button visual component in Flex 4 with the HBox and Panel.

 Example:

<?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" width="250" height="100">

<s:Panel width="240" height="100" horizontalCenter="2" title="Visual Component Button Example">

<mx:HBox>

<s:Button id="sbutton" label="Spark Button"/>

<mx:Button id="mxbutton" label="MX Button"/>

</mx:HBox>

</s:Panel>

</s:Application>

Output:

In this example you can see some component from MX and some is Spark. So we can say the Flex 4 is the combination of MX and Spark component.

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Advertisement

Related Tags for Visual Component in Flex4:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: April 22, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com