Create Component in Flex

The easiest way to create a component is using MXML. First, to create a new application: from the Flex Builder menu, choose File > New > Flex Project, and fill out the rest of the wizard queries. Next, within Flex builder again, select File > New > MXML Component.

Step 1: Create a Separate folder to dump up all customized components
– Create a folder “MyComps” under src folder


Step2: Creating Component
Create MXML Component (PanelComp.mxml) and Follow the wizard and select Panel as your user Defined component(Likewise component can be Canvas, Checkbox, etc..,)

Step3: Code for Component

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Panel xmlns:mx=”” layout=”absolute” width=”400″ height=”300″ title=”Hello”>
Hello, this is my Component
Step 4: Main Application that invokes User Defined Component

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”” layout=”absolute” creationComplete=”onCreate(event)”>
import MyComps.*  //Importing all components from the folder MyComps
private function onCreate(e:Event):void
var TT:PanelComp=new PanelComp()  //PanelComp is the userDefined component been created to show Panel


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.